[Feature]: support for shadow dom in Twind v1?

Describe the problem

How to add Tailwind classes inside shadow dom?

Describe the proposed solution

There was a nice documentation about adding support for shadow DOM for the beta version https://twind.dev/usage-guides/web-components.html, but the required classes create and cssomSheet are not present in the latest version. This is also not mentioned in the migration guide.

Alternatives considered

No response

Importance

I cannot use Twind without it

Additional Information

No response

[GorvGoyl]

@sastan, thanks; it seems to be working for me. I also wrote small guide in case others are looking for the solution https://gourav.io/blog/tailwind-in-shadow-dom

[GorvGoyl]

@sastan I’ll give you some context… I’m developing a chrome extension and need to show some UI using shadow DOM on web pages so that the styles don’t get leaked to the page. You’re right that @twind/with-web-components won’t be helpful in my case as I’m not using lit or web components. If you could provide @twind/with-shadow-root that abstracts away the code, that’d be nice.