Added support for deprecated addRule & removeRule methods

[okejminja]

We recently had a client on our fork who still uses addRule & removeRule (bad practice, I know, but we had to support 'em)

This PR add support for deprecated methods addRule & removeRule

Instead of writing duplicate code to support these or make some sort of an abstraction I just "transpiled" the props from addRule to what insertRule accepts and called the original insertRule or deleteRule accordingly – let you guys' methods handle the rest

Also expanded the test for capturing stylesheets to test this

LMK what you think

[changeset-bot]

🦋 Changeset detected

Latest commit: ad0fa7f

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

This PR includes changesets to release 9 packages

Name	Type
@rrweb/record	Patch
rrweb	Patch
rrweb-snapshot	Patch
rrdom	Patch
rrdom-nodejs	Patch
rrweb-player	Patch
@rrweb/types	Patch
@rrweb/web-extension	Patch
rrvideo	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

[eoghanmurray]

If index is undefined, the default will be zero (the insertRule default)
However addRule default is cssRules.length https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet/addRule#index
Could we supply this new default before passing it off to insertRule?

[okejminja]

Good catch!
When supplying cssRules.length

  win.CSSStyleSheet.prototype.addRule = function (
    this: CSSStyleSheet,
    selector: string,
    styleBlock: string,
    index: number = this.cssRules.length,
  ) {
    const rule = `${selector} { ${styleBlock} }`;
    return win.CSSStyleSheet.prototype.insertRule.apply(this, [rule, index]);
  };

I am getting an error when running the test, specifically when deleting rules
DOMException: Failed to execute 'deleteRule' on 'CSSStyleSheet': The index provided (3) is larger than the maximum index (2).

Will investigate and update

[okejminja]

I ended up separating the tests since idx kept moving around when calling deleteRule and removeRule in sequence