fix(ci): run codegen/build explicitly for vercel deploys under pnpm 11 (#3548)

* fix(builder): prevent re-polyfilling of user's layer order declaration when polyfill is enabled

* fix(ci): run codegen/build explicitly for vercel deploys under pnpm 11

pnpm 11 no longer fires the install-time root `prepare` (build-fast) on
Vercel, so each deploy hit a missing artifact. Move the build
prerequisites into explicit `pre<script>` hooks instead of relying on the
lifecycle:

- website: prebuild now runs `panda codegen` (generates styled-system)
- playground: add prebuild to build packages + db:generate + css:codegen
- studio: add predeploy-studio to build packages so cli/dist exists before
  `node ../cli/bin.js codegen`

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

---------

Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: segunadebayo

.changeset/fix-postcss-polyfill-layer-order-decl.md

@@ -0,0 +1,6 @@
+---
+'@pandacss/node': patch
+---
+
+Fix `polyfill: true` leaving the user's `@layer reset, base, tokens, recipes, utilities;` order declaration in the
+PostCSS plugin output.

package.json

@@ -27,6 +27,7 @@
     "release-dev": "changeset version --snapshot dev && changeset publish --tag dev",
     "prepare-studio": "pnpm --filter=./packages/studio codegen",
     "build-studio": "pnpm --filter=./sandbox/vite-ts exec pnpm panda studio --build",
+    "predeploy-studio": "pnpm build-fast",
     "deploy-studio": "pnpm prepare-studio && pnpm build-studio",
     "serve-studio": "npx serve ./sandbox/vite-ts/styled-system-studio",
     "website": "pnpm --filter=./website",

packages/node/src/builder.ts

@@ -196,6 +196,14 @@ export class Builder {
     ctx.appendBaselineCss(sheet)
     const css = ctx.getCss(sheet)
 
+    // Panda's emitted CSS is already polyfilled, so the user's bare layer
+    // order declaration would force downstream tools to re-polyfill.
+    if (ctx.config.polyfill) {
+      root.walkAtRules('layer', (rule) => {
+        if (!rule.nodes && ctx.isValidLayerParams(rule.params)) rule.remove()
+      })
+    }
+
     root.append(css)
   }
 

playground/package.json

@@ -6,6 +6,7 @@
     "css:codegen": "pnpm panda codegen --silent",
     "types:codegen": "tsx scripts/bundle-types.mts",
     "prepare": "pnpm db:generate && pnpm css:codegen",
+    "prebuild": "pnpm --filter=../packages/** build && pnpm db:generate && pnpm css:codegen",
     "build": "pnpm types:codegen && next build",
     "start": "next start",
     "lint": "eslint .",

website/package.json

@@ -11,7 +11,7 @@
     "build:content": "velite --clean",
     "build:next": "next build",
     "build": "run-s build:*",
-    "prebuild": "pnpm --filter=../packages/** build",
+    "prebuild": "pnpm --filter=../packages/** build && panda codegen",
     "lint": "eslint . --max-warnings 0",
     "start": "next start"
   },