fix formatting of pseudo-elements and pseudo-classes in styled-component

[thorn0]

fixes #7826

The solution is pretty dirty, but hopefully it will do for now.

• I’ve added tests to confirm my change works.
• (If changing the API or CLI) I’ve documented the changes I’ve made (in the docs/ directory)
• (If the change is user-facing) I’ve added my changes to changelog_unreleased/*/pr-XXXX.md file following changelog_unreleased/TEMPLATE.md.
• I’ve read the contributing guidelines.

✨Try the playground for this PR✨

[thorn0]

@fisker This is the first PR without Azure Pipelines checks. Could you please check that everything works as expected here?

[fisker]

#6794 can also fix it, and many styled-component issues.

[thorn0]

#7826 is a regression that I'd like to fix quickly and release 2.0.2.

[fisker]

Sure, I'll let you know if something missing.

[fisker]

This is taking forever.... Still Queued, this is why I prefer keep both for a while.

[thorn0]

We might have exceeded some limitations. After I merged #7431, existing PRs went crazy like this:

[fisker]

This is because github actions don't clear previous build status on force push.

[thorn0]

Is this fixable?

[thorn0]

The CI fail is related to coverage (The coverage upload was rejected because the workflow run is either not in-progress or finished a while ago.). All the tests pass.

[alexander-akait]

Looks good for fast fix, let's do more fixes in #6794