Web ComponentsとTailwindの相性が悪い問題
しょうがないっちゃしょうがないんだが
グローバルな名前空間の中で最強のユーティリティクラス集を作る的な発想のTailwind
ついに名前空間をコンポーネント単位に閉じられるようになったよ = 外部からのクラス適用を簡単にはさせないよ のShadow DOM
しょうがないとは思うのだが、Tailwindが使えないことはWeb Componentsが使われることへの障壁の一つになる
現状のリーズナブルな解決法と思われるもの
Twind()というtailwind-in-jsなものがあるのでそれを使うか、Shadow DOMをopenにする Shadow DOMをopenにするのは本質的に何も解決してないとも言える
TwindもいうてTailwindそのものじゃないし、開発が活発なわけでもなさそうだし
あと、@scopeが本格的に登場したらまたちょっと変わるかもしれない?