@pandacss/postcss 2.1.1 → 2.2.0

package/dist/index.cjs

@@ -23,8 +23,8 @@ var pandacss = (options = {}) => {
     const result = helpers.result;
     const fileName = result.opts.from;
     if (shouldSkip(fileName, options.allow)) return;
-    const inputCss = getInputCss(root, result);
-    if (!inputCss.includes("@layer")) return;
+    const layerStatements = getLayerStatements(root);
+    if (layerStatements.length === 0) return;
     const cwd = _nodepath.resolve.call(void 0, _nullishCoalesce(options.cwd, () => ( process.cwd())));
     const key = getDriverKey(cwd, options.configPath);
     let state = driverStates.get(key);
@@ -44,15 +44,16 @@ var pandacss = (options = {}) => {
     }
     const { driver } = state;
     const polyfill = driver.config.polyfill === true;
-    if (!driver.compiler.hasLayerDeclaration(inputCss)) return;
+    const pandaLayerStatements = layerStatements.filter(
+      (node) => driver.compiler.hasLayerDeclaration(`@layer ${node.params};`)
+    );
+    if (pandaLayerStatements.length === 0) return;
     ensureCodegen(state, { cwd, outdir: options.outdir });
     syncProjectSources(state);
     registerDependencies(driver, result, cwd, fileName);
     emitDiagnostics(root, result, _nullishCoalesce(driver.designSystemDiagnostics, () => ( [])));
     if (polyfill) {
-      const stripped = driver.compiler.stripLayerOrderStatements(inputCss);
-      root.removeAll();
-      root.append(helpers.postcss.parse(stripped, { from: fileName }));
+      for (const node of pandaLayerStatements) node.remove();
     }
     const output = driver.cssgen({ emitLayerDeclaration: false, polyfill });
     emitDiagnostics(root, result, output.diagnostics);
@@ -88,9 +89,12 @@ var shouldSkip = (fileName, allow) => {
 function getDriverKey(cwd, configPath) {
   return `${cwd}:${_nullishCoalesce(configPath, () => ( ""))}`;
 }
-function getInputCss(root, result) {
-  const opts = result.opts;
-  return _nullishCoalesce(opts.css, () => ( root.toString()));
+function getLayerStatements(root) {
+  const statements = [];
+  root.walkAtRules("layer", (node) => {
+    if (!node.nodes) statements.push(node);
+  });
+  return statements;
 }
 function ensureCodegen(state, options) {
   const outdirKey = state.driver.getOutdir(options.outdir);

package/dist/index.js

@@ -23,8 +23,8 @@ var pandacss = (options = {}) => {
     const result = helpers.result;
     const fileName = result.opts.from;
     if (shouldSkip(fileName, options.allow)) return;
-    const inputCss = getInputCss(root, result);
-    if (!inputCss.includes("@layer")) return;
+    const layerStatements = getLayerStatements(root);
+    if (layerStatements.length === 0) return;
     const cwd = resolve(options.cwd ?? process.cwd());
     const key = getDriverKey(cwd, options.configPath);
     let state = driverStates.get(key);
@@ -44,15 +44,16 @@ var pandacss = (options = {}) => {
     }
     const { driver } = state;
     const polyfill = driver.config.polyfill === true;
-    if (!driver.compiler.hasLayerDeclaration(inputCss)) return;
+    const pandaLayerStatements = layerStatements.filter(
+      (node) => driver.compiler.hasLayerDeclaration(`@layer ${node.params};`)
+    );
+    if (pandaLayerStatements.length === 0) return;
     ensureCodegen(state, { cwd, outdir: options.outdir });
     syncProjectSources(state);
     registerDependencies(driver, result, cwd, fileName);
     emitDiagnostics(root, result, driver.designSystemDiagnostics ?? []);
     if (polyfill) {
-      const stripped = driver.compiler.stripLayerOrderStatements(inputCss);
-      root.removeAll();
-      root.append(helpers.postcss.parse(stripped, { from: fileName }));
+      for (const node of pandaLayerStatements) node.remove();
     }
     const output = driver.cssgen({ emitLayerDeclaration: false, polyfill });
     emitDiagnostics(root, result, output.diagnostics);
@@ -88,9 +89,12 @@ var shouldSkip = (fileName, allow) => {
 function getDriverKey(cwd, configPath) {
   return `${cwd}:${configPath ?? ""}`;
 }
-function getInputCss(root, result) {
-  const opts = result.opts;
-  return opts.css ?? root.toString();
+function getLayerStatements(root) {
+  const statements = [];
+  root.walkAtRules("layer", (node) => {
+    if (!node.nodes) statements.push(node);
+  });
+  return statements;
 }
 function ensureCodegen(state, options) {
   const outdirKey = state.driver.getOutdir(options.outdir);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/postcss",
-  "version": "2.1.1",
+  "version": "2.2.0",
   "description": "PostCSS plugin for Panda CSS",
   "type": "module",
   "main": "./dist/index.js",
@@ -30,14 +30,15 @@
     "dist"
   ],
   "dependencies": {
-    "@pandacss/compiler": "2.1.1",
-    "@pandacss/compiler-shared": "2.1.1"
+    "@pandacss/compiler": "2.2.0",
+    "@pandacss/compiler-shared": "2.2.0"
   },
   "peerDependencies": {
     "postcss": ">=8"
   },
   "devDependencies": {
-    "postcss": "8.5.28"
+    "postcss": "8.5.28",
+    "vite": "7.3.6"
   },
   "engines": {
     "node": ">=22"