Add crossorigin="anonymous" to development css links

[piotrjoniec]

It's a bit of an edge case, but without crossorigin="anonymous" you can't access the cssRules of stylesheets in dev mode:

[netlify]

✅ Deploy Preview for bespoke-flan-5eacfc ready!

Name	Link
🔨 Latest commit	d8ade66
🔍 Latest deploy log	https://app.netlify.com/sites/bespoke-flan-5eacfc/deploys/66409bf7db2d630008f65aed
😎 Deploy Preview	https://deploy-preview-126--bespoke-flan-5eacfc.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[tuanpham-barrel]

Hi @piotrjoniec - What's the version of plugin are you using?

[piotrjoniec]

Hi @tuanpham-barrel, I tested this on version 3.0.1.

[wturnerharris]

@piotrjoniec - can you share a little bit more about how you're using that property in your work? Definitely a little edge-case, but we can replicate and think there's value in adding this in for better DX.

[piotrjoniec]

@wturnerharris I'm using Lit components in my project, and for the ones using the Shadow DOM I still want to include the global styles within them. So, I use the cssRules property on the global stylesheet to build a new CSSStyleSheet object that can be used by these components.

[montalvomiguelo]

@piotrjoniec Thanks for your contribution! It looks like the tests aren't passing with your changes. Could you please update them? Let me know if you need any help!

[piotrjoniec]

@montalvomiguelo I've updated the test snapshot, it should be all good now.