Automatically add styles required on the root document outside shadow root

[aklinker1]

Feature Request

In createShadowRootUi, some styles, like @property styles, must be added outside the shadow root. See tailwindlabs/tailwindcss#15005

WXT should automatically extract these styles from the CSS here and add them outside the shadow root instead.

wxt/packages/wxt/src/client/content-scripts/ui/index.ts

Lines 131 to 135 in 357bbda

	if (ctx.options?.cssInjectionMode === 'ui') {
	const entryCss = await loadCss();
	// Replace :root selectors with :host since we're in a shadow root
	css.push(entryCss.replaceAll(':root', ':host'));
	}

Is your feature request related to a bug?

#1457

What are the alternatives?

Wait for Tailwind to do something about it?

[krisalcordo]

@aklinker1 I'm looking for a good first contrib, I'm assuming this issue is inactionable at the moment based on the links provided?

[nishu-murmu]

I was already working on it. @krisalcordo but go ahead if you'd like to contribute. 👍🏽
@aklinker1 make him assignee for this.