🐛 [RUM-1196] Escape CSS rules containing a colon for Safari compatibility

[yannickadam]

Motivation

Safari does not escape colons in CSS selector Text ( such as [ng:cloak] ).
This causes issues during session replay, as the styles are not applied.
https://bugs.webkit.org/show_bug.cgi?id=184604
rrweb-io/rrweb#1253

Changes

When a CSS rule selector contains a colon, ensure it is escaped.

Testing

Record a page containing selectors with a colon using Safari. Check that the display is as expected in Session Replay.

• Local
• Staging
• Unit
• End to end

---

I have gone over the contributing documentation.

[codecov-commenter]

Codecov Report

Merging #2440 (257e6ee) into main (4f05f4b) will increase coverage by 0.00%.
Report is 3 commits behind head on main.
The diff coverage is 100.00%.

@@           Coverage Diff           @@
##             main    #2440   +/-   ##
=======================================
  Coverage   93.33%   93.33%           
=======================================
  Files         226      226           
  Lines        6644     6648    +4     
  Branches     1479     1480    +1     
=======================================
+ Hits         6201     6205    +4     
  Misses        443      443           

Files	Coverage Δ
...domain/record/serialization/serializeAttributes.ts	98.66% <100.00%> (+0.07%)	⬆️

📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more