Type error: Expression produces a union type that is too complex to represent.

[juliomuhlbauer]

When deploying to Vercel this happens (panda 0.36.1):

[juliomuhlbauer]

If it in not a common error I will try to come up with a reproduction

[astahmer]

this can happen in places where you mix types between @pandacss/types and styled-system/types

[juliomuhlbauer]

Tried switching to bun, now this happens on Vercel:

[10:15:51.746] Running build in Washington, D.C., USA (East) – iad1
[10:15:51.926] Cloning github.com/juliomuhlbauer/quinto-hectare (Branch: main, Commit: b2d63e3)
[10:15:54.254] Cloning completed: 2.327s
[10:16:09.430] Restored build cache
[10:16:09.507] Running "vercel build"
[10:16:10.922] Vercel CLI 33.6.3
[10:16:12.517] Installing dependencies...
[10:16:12.551] bun install v1.0.36 (40f61ebb)
[10:16:15.139] /vercel/path0/node_modules/@pandacss/core/node_modules/postcss/lib/input.js:6
[10:16:15.139] let { nanoid } = require('nanoid/non-secure')
[10:16:15.140]                  ^
[10:16:15.140] 
[10:16:15.140] Error [ERR_REQUIRE_ESM]: require() of ES Module /vercel/path0/node_modules/nanoid/non-secure/index.js from /vercel/path0/node_modules/@pandacss/core/node_modules/postcss/lib/input.js not supported.
[10:16:15.140] Instead change the require of index.js in /vercel/path0/node_modules/@pandacss/core/node_modules/postcss/lib/input.js to a dynamic import() which is available in all CommonJS modules.
[10:16:15.140]     at Object.<anonymous> (/vercel/path0/node_modules/@pandacss/core/node_modules/postcss/lib/input.js:6:18) {
[10:16:15.140]   code: 'ERR_REQUIRE_ESM'
[10:16:15.140] }
[10:16:15.140] 
[10:16:15.140] Node.js v20.12.0
[10:16:15.140] 
[10:16:15.140] error: prepare script from "quinto-hectare" exited with 1
[10:16:15.155] Error: Command "bun install" exited with 1
[10:16:16.240] 

[juliomuhlbauer]

Well, coming back to Node 18 on Vercel solves the problem. Will try to fix later