build(components): css syntax lowewring with postcss

vtex · Nov 21, 2023 · 12e413a · 12e413a
1 parent 1017f5d
commit 12e413a
Show file tree

Hide file tree

Showing 3 changed files with 1,305 additions and 74 deletions.
diff --git a/packages/components/package.json b/packages/components/package.json
@@ -46,8 +46,9 @@
     "@vtex/shoreline-preset-admin": "workspace",
     "@vtex/shoreline-theme": "workspace",
     "@vtex/shoreline-utils": "^0.0.1-dev.0",
-    "lightningcss-cli": "1.22.0",
     "match-sorter": "6.3.1",
+    "postcss": "8.4.31",
+    "postcss-preset-env": "9.3.0",
     "react-hook-form": "7.47.0",
     "react-window": "1.8.9",
     "tsup": "7.2.0"

diff --git a/packages/components/postcss.config.mjs b/packages/components/postcss.config.mjs
@@ -0,0 +1,13 @@
+import presetEnv from 'postcss-preset-env'
+
+export default {
+  plugins: [
+    presetEnv({
+      features: {
+        'custom-media-queries': true,
+        'system-ui-font-family': true,
+        'nesting-rules': true,
+      },
+    }),
+  ],
+}