[DSTSUP-58]chore: Add scoped preflight plugin to normalize the core (#…

…3818)
marigold-ui · Mar 15, 2024 · 8cc639d · 8cc639d
1 parent 95ce246
commit 8cc639d
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 3 deletions.
diff --git a/.changeset/sharp-dolls-fry.md b/.changeset/sharp-dolls-fry.md
@@ -0,0 +1,5 @@
+---
+"@marigold/theme-core": patch
+---
+
+[DSTSUP-58]chore: Add scoped preflight plugin to normalize the core
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/themes/theme-core/package.json b/themes/theme-core/package.json
@@ -47,6 +47,7 @@
     "cssnano": "6.0.5",
     "postcss": "8.4.35",
     "tailwindcss": "3.4.1",
+    "tailwindcss-scoped-preflight": "2.1.0",
     "tsup": "8.0.2"
   },
   "dependencies": {

diff --git a/themes/theme-core/tailwind.config.ts b/themes/theme-core/tailwind.config.ts
@@ -1,13 +1,11 @@
 import type { Config } from 'tailwindcss';
+import { scopedPreflightStyles } from 'tailwindcss-scoped-preflight';
 
 import { preset } from './src/preset';
 
 // Figma File: https://www.figma.com/file/RiWJBV4Z8L8ycVvUuMYXbm/%F0%9F%93%93-CR---Components-2022?node-id=1452-1785&t=YaLGVHzniD5mOtbJ-0
 export default {
   important: '[data-theme="core"]',
-  corePlugins: {
-    preflight: false,
-  },
   content: [
     'src/root.ts',
     'src/colors.ts',
@@ -16,5 +14,12 @@ export default {
     '!../../packages/{components,system}/**/*.{stories,test}.{tsx,ts}',
   ],
   presets: [preset],
+  plugins: [
+    scopedPreflightStyles({
+      // data-app is defined in core
+      cssSelector: '[data-app]',
+      mode: 'matched only',
+    }),
+  ],
   safelist: [{ pattern: /(bg|text|border|shadow)-./ }],
 } satisfies Config;