Account for escaped ':' in CSS selectors

[nemzes]

Pull request checklist

Please check if your PR fulfills the following requirements:

• Tests for the changes have been added (for bug fixes / features)
• Docs have been reviewed and added / updated if needed (for bug fixes / features)
• Build (npm run build) was run locally and any changes were pushed
• Unit tests (npm test) were run locally and passed
• E2E Tests (npm run test.karma.prod) were run locally and passed
• Prettier (npm run prettier) was run locally and passed

Pull request type

Please check the type of change your PR introduces:

• Bugfix
• Feature
• Refactoring (no functional changes, no api changes)
• Build related changes
• Documentation content changes
• Other (please describe):

What is the current behavior?

GitHub Issue Number: #3083

What is the new behavior?

• \: remains escaped in CSS selectors when introducing scope class

Does this introduce a breaking change?

• Yes
• No

Testing

New unit tests added; tested it fixes reproduced issue #3083

[rwaskiewicz]

👋 Hey there! Thanks for the PR! I've updated it with the 'Resolution: Refine' label to get this added to one of our sprints to be fully looked at.

[rwaskiewicz]

👋 Thanks! I have one main ask surrounding browser support for folks using our compiler API in browser. LMK if you have any questions!

[nemzes]

I replaced the regex with something uglier but that should work in IE and Safari. 🙂 Also, a minor refactor to reuse the regex matching code (since matching groups can now be undefined, they need defaults of ''

[rwaskiewicz]

Thanks!