What version of Tailwind CSS are you using?
For example: v4.0.0-alpha.21
Describe your issue
Currently the @theme CSS properties are exposed to :root, which is great but it would be also good to expose it to :host, like this :root, :host {}. This way the CSS properties are also available in web components.
Lets say you have a widget as web component <custom-widget></custom-widget> and inside there is CSS and tailwindcss classes in shadowroot, :root will not work - in this scenario the :host is the :root for the web component.
Eg. how it's done in Winduum here - https://github.com/winduum/winduum/blob/main/src/theme/default.css
What version of Tailwind CSS are you using?
For example: v4.0.0-alpha.21
Describe your issue
Currently the
@themeCSS properties are exposed to:root, which is great but it would be also good to expose it to:host, like this:root, :host {}. This way the CSS properties are also available in web components.Lets say you have a widget as web component
<custom-widget></custom-widget>and inside there is CSS and tailwindcss classes in shadowroot,:rootwill not work - in this scenario the:hostis the:rootfor the web component.Eg. how it's done in Winduum here - https://github.com/winduum/winduum/blob/main/src/theme/default.css