Do not log failed rule insertions in the speedy mode for more vendor-prefixed pseudo-elements/classes

[layershifter]

What:
This PR expands a fix that was made in #2149 to swallow errors from invalid insertions.

Why:
I added to the list to silence warnings:

• -moz-focus-inner
• -moz-focusring
• -ms-clear

How:

Tested via yarn lint/yarn test & browser.

Checklist:

• Code complete
• Changeset

[changeset-bot]

🦋 Changeset detected

Latest commit: b64ae0a

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@emotion/sheet	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[layershifter]

I tried to write a unit test for this case, but it seems that JSDOM accepts anything anything ¯_(ツ)_/¯

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit b64ae0a:

Sandbox	Source
Emotion	Configuration

[Andarist]

@layershifter could you prepare a codesandbox that would showcase that each of those results in a warning right now?

[layershifter]

@Andarist, sure, here it is https://codesandbox.io/s/pedantic-franklin-31zqw. I used low level APIs there as in our code. Please let me know if it okay or I should make another one.

Latest Chrome

There was a problem inserting the following rule: ".css-4z0ic9:-moz-focus-inner{border:4px solid green;}" Error: Failed to execute 'insertRule' on 'CSSStyleSheet': Failed to parse the rule '.css-4z0ic9:-moz-focus-inner{border:4px solid green;}'.
There was a problem inserting the following rule: ".css-4z0ic9:-moz-focusring{border:4px solid green;}" Error: Failed to execute 'insertRule' on 'CSSStyleSheet': Failed to parse the rule '.css-4z0ic9:-moz-focusring{border:4px solid green;}'.
There was a problem inserting the following rule: ".css-4z0ic9:-ms-clear{display:none;}" Error: Failed to execute 'insertRule' on 'CSSStyleSheet': Failed to parse the rule '.css-4z0ic9:-ms-clear{display:none;}'.

Latest Firefox

There was a problem inserting the following rule: ".css-4z0ic9:-moz-focus-inner{border:4px solid green;}" DOMException: An invalid or illegal string was specified
There was a problem inserting the following rule: ".css-4z0ic9:-ms-clear{display:none;}" DOMException: An invalid or illegal string was specified

[Andarist]

@layershifter thank you!