Tailwind CSSで複数のimportantを作成する方法

[Qs-F]

アプリとStorybookでrootが違うため、詳細度を上げるためのimportantが仕込みづらいという問題があります。

module.exports = {
  ...
  important: ':is(#root, #docs-root)',
  ...
}

のようにすることで、 #root と #docs-root の両方で詳細度をあげつつスタイルを反映することができます。

使用例:

https://github.com/4-design/for-ui/blob/main/packages/for-ui/tailwind.config.js