Some unknown tailwind/postcss error that stops deployment on vercel

Vercel Build Error: PostCSS Configuration Issue

Current Behavior

Build process fails during Vercel deployment
Error occurs in src/styles/globals.css
Webpack encounters a TypeError when processing CSS

Error Details

TypeError: Cannot read properties of undefined (reading 'All')

Reproduction Steps

Deploy to Vercel
Build process fails at CSS processing stage

Environment

Next.js version: 15.2.4
Bun version: 1.2.8
Vercel CLI version: 41.4.1

Logs

1[10:47:17.657] Cloning github.com/mAmineChniti/StorySync (Branch: master, Commit: 63cd0f8)2[10:47:17.882] Cloning completed: 225.000ms3[10:47:21.392] Restored build cache from previous deployment (eP8aY7RZTTNMKGuc6YEZaUXZxrEi)4[10:47:21.479] Running build in Washington, D.C., USA (East) – iad15[10:47:22.218] Running "vercel build"6[10:47:22.608] Vercel CLI 41.4.17[10:47:22.926] Running "install" command: `bun install`...8[10:47:23.021] bun install v1.2.5 (013fdddc)9[10:47:23.967] 10[10:47:23.968] $ husky11[10:47:24.023] 12[10:47:24.024] + @tailwindcss/postcss@4.1.113[10:47:24.024] + @tanstack/eslint-plugin-query@5.71.514[10:47:24.024] + @types/node@22.14.015[10:47:24.024] + @types/react@19.1.016[10:47:24.024] + @types/react-dom@19.1.117[10:47:24.024] + eslint-plugin-prettier@5.2.618[10:47:24.024] + @hookform/resolvers@5.0.119[10:47:24.024] + @tanstack/react-query@5.71.520[10:47:24.024] + lucide-react@0.487.021[10:47:24.024] + react-scan@0.3.322[10:47:24.025] + tailwindcss@4.1.123[10:47:24.025] 24[10:47:24.025] 78 packages installed [1018.00ms]25[10:47:24.033] Detected Next.js version: 15.2.426[10:47:24.034] Running "bun run build"27[10:47:24.039] $ NEXT_TELEMETRY_DISABLED=1 next build28[10:47:24.980]    ▲ Next.js 15.2.429[10:47:24.980]    - Experiments (use with caution):30[10:47:24.980]      ✓ reactCompiler31[10:47:24.981] 32[10:47:25.079]    Creating an optimized production build ...33[10:47:55.119] Failed to compile.34[10:47:55.119] 35[10:47:55.119] ./src/styles/globals.css.webpack[javascript/auto]!=!./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./src/styles/globals.css36[10:47:55.120] TypeError: Cannot read properties of undefined (reading 'All')37[10:47:55.120]     at S (/vercel/path0/node_modules/@tailwindcss/postcss/dist/index.js:10:3460)38[10:47:55.120]     at Object.Once (/vercel/path0/node_modules/@tailwindcss/postcss/dist/index.js:10:3573)39[10:47:55.120]     at LazyResult.runOnRoot (/vercel/path0/node_modules/next/node_modules/postcss/lib/lazy-result.js:327:23)40[10:47:55.120]     at LazyResult.runAsync (/vercel/path0/node_modules/next/node_modules/postcss/lib/lazy-result.js:258:26)41[10:47:55.120]     at LazyResult.async (/vercel/path0/node_modules/next/node_modules/postcss/lib/lazy-result.js:160:30)42[10:47:55.120]     at LazyResult.then (/vercel/path0/node_modules/next/node_modules/postcss/lib/lazy-result.js:404:17)43[10:47:55.120] 44[10:47:55.120] Import trace for requested module:45[10:47:55.121] ./src/styles/globals.css.webpack[javascript/auto]!=!./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./src/styles/globals.css46[10:47:55.121] ./src/styles/globals.css47[10:47:55.121] 48[10:47:55.121] ./src/styles/globals.css49[10:47:55.121] TypeError: Cannot read properties of undefined (reading 'All')50[10:47:55.121]     at S (/vercel/path0/node_modules/@tailwindcss/postcss/dist/index.js:10:3460)51[10:47:55.121]     at Object.Once (/vercel/path0/node_modules/@tailwindcss/postcss/dist/index.js:10:3573)52[10:47:55.121]     at LazyResult.runOnRoot (/vercel/path0/node_modules/next/node_modules/postcss/lib/lazy-result.js:327:23)53[10:47:55.121]     at LazyResult.runAsync (/vercel/path0/node_modules/next/node_modules/postcss/lib/lazy-result.js:258:26)54[10:47:55.121]     at LazyResult.async (/vercel/path0/node_modules/next/node_modules/postcss/lib/lazy-result.js:160:30)55[10:47:55.121]     at LazyResult.then (/vercel/path0/node_modules/next/node_modules/postcss/lib/lazy-result.js:404:17)56[10:47:55.122]     at tryRunOrWebpackError (/vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:29:316142)57[10:47:55.122]     at __webpack_require_module__ (/vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:29:131548)58[10:47:55.122]     at __nested_webpack_require_161494__ (/vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:29:130983)59[10:47:55.122]     at /vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:29:13184060[10:47:55.122]     at symbolIterator (/vercel/path0/node_modules/next/dist/compiled/neo-async/async.js:1:14444)61[10:47:55.122]     at done (/vercel/path0/node_modules/next/dist/compiled/neo-async/async.js:1:14824)62[10:47:55.122]     at Hook.eval [as callAsync] (eval at create (/vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:14:9224), <anonymous>:15:1)63[10:47:55.122]     at Hook.CALL_ASYNC_DELEGATE [as _callAsync] (/vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:14:6378)64[10:47:55.123]     at /vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:29:13070365[10:47:55.123]     at symbolIterator (/vercel/path0/node_modules/next/dist/compiled/neo-async/async.js:1:14402)66[10:47:55.123] -- inner error --67[10:47:55.123] TypeError: Cannot read properties of undefined (reading 'All')68[10:47:55.123]     at S (/vercel/path0/node_modules/@tailwindcss/postcss/dist/index.js:10:3460)69[10:47:55.123]     at Object.Once (/vercel/path0/node_modules/@tailwindcss/postcss/dist/index.js:10:3573)70[10:47:55.123]     at LazyResult.runOnRoot (/vercel/path0/node_modules/next/node_modules/postcss/lib/lazy-result.js:327:23)71[10:47:55.123]     at LazyResult.runAsync (/vercel/path0/node_modules/next/node_modules/postcss/lib/lazy-result.js:258:26)72[10:47:55.123]     at LazyResult.async (/vercel/path0/node_modules/next/node_modules/postcss/lib/lazy-result.js:160:30)73[10:47:55.123]     at LazyResult.then (/vercel/path0/node_modules/next/node_modules/postcss/lib/lazy-result.js:404:17)74[10:47:55.124]     at Object.<anonymous> (/vercel/path0/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!/vercel/path0/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!/vercel/path0/src/styles/globals.css:1:7)75[10:47:55.124]     at /vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:29:96274276[10:47:55.124]     at Hook.eval [as call] (eval at create (/vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:14:9002), <anonymous>:7:1)77[10:47:55.124]     at Hook.CALL_DELEGATE [as _call] (/vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:14:6272)78[10:47:55.124]     at /vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:29:13158179[10:47:55.124]     at tryRunOrWebpackError (/vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:29:316096)80[10:47:55.124]     at __webpack_require_module__ (/vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:29:131548)81[10:47:55.124]     at __nested_webpack_require_161494__ (/vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:29:130983)82[10:47:55.126]     at /vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:29:13184083[10:47:55.126]     at symbolIterator (/vercel/path0/node_modules/next/dist/compiled/neo-async/async.js:1:14444)84[10:47:55.126] 85[10:47:55.127] Generated code for /vercel/path0/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!/vercel/path0/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!/vercel/path0/src/styles/globals.css86[10:47:55.127] 87[10:47:55.127] Import trace for requested module:88[10:47:55.127] ./src/styles/globals.css89[10:47:55.128] 90[10:47:55.128] 91[10:47:55.128] > Build failed because of webpack errors92[10:47:55.135] error: script "build" exited with code 193[10:47:55.144] Error: Command "bun run build" exited with 194[10:47:55.686]

Vercel Build Error: PostCSS Configuration Issue

Current Behavior

Build process fails during Vercel deployment
Error occurs in src/styles/globals.css
Webpack encounters a TypeError when processing CSS

Error Details

TypeError: Cannot read properties of undefined (reading 'All')

Reproduction Steps

Deploy to Vercel
Build process fails at CSS processing stage

Environment

Next.js version: 15.2.4
Bun version: 1.2.8
Vercel CLI version: 41.4.1

Logs

1[10:47:17.657] Cloning github.com/mAmineChniti/StorySync (Branch: master, Commit: 63cd0f8)2[10:47:17.882] Cloning completed: 225.000ms3[10:47:21.392] Restored build cache from previous deployment (eP8aY7RZTTNMKGuc6YEZaUXZxrEi)4[10:47:21.479] Running build in Washington, D.C., USA (East) – iad15[10:47:22.218] Running "vercel build"6[10:47:22.608] Vercel CLI 41.4.17[10:47:22.926] Running "install" command: `bun install`...8[10:47:23.021] bun install v1.2.5 (013fdddc)9[10:47:23.967] 10[10:47:23.968] $ husky11[10:47:24.023] 12[10:47:24.024] + @tailwindcss/postcss@4.1.113[10:47:24.024] + @tanstack/eslint-plugin-query@5.71.514[10:47:24.024] + @types/node@22.14.015[10:47:24.024] + @types/react@19.1.016[10:47:24.024] + @types/react-dom@19.1.117[10:47:24.024] + eslint-plugin-prettier@5.2.618[10:47:24.024] + @hookform/resolvers@5.0.119[10:47:24.024] + @tanstack/react-query@5.71.520[10:47:24.024] + lucide-react@0.487.021[10:47:24.024] + react-scan@0.3.322[10:47:24.025] + tailwindcss@4.1.123[10:47:24.025] 24[10:47:24.025] 78 packages installed [1018.00ms]25[10:47:24.033] Detected Next.js version: 15.2.426[10:47:24.034] Running "bun run build"27[10:47:24.039] $ NEXT_TELEMETRY_DISABLED=1 next build28[10:47:24.980]    ▲ Next.js 15.2.429[10:47:24.980]    - Experiments (use with caution):30[10:47:24.980]      ✓ reactCompiler31[10:47:24.981] 32[10:47:25.079]    Creating an optimized production build ...33[10:47:55.119] Failed to compile.34[10:47:55.119] 35[10:47:55.119] ./src/styles/globals.css.webpack[javascript/auto]!=!./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./src/styles/globals.css36[10:47:55.120] TypeError: Cannot read properties of undefined (reading 'All')37[10:47:55.120]     at S (/vercel/path0/node_modules/@tailwindcss/postcss/dist/index.js:10:3460)38[10:47:55.120]     at Object.Once (/vercel/path0/node_modules/@tailwindcss/postcss/dist/index.js:10:3573)39[10:47:55.120]     at LazyResult.runOnRoot (/vercel/path0/node_modules/next/node_modules/postcss/lib/lazy-result.js:327:23)40[10:47:55.120]     at LazyResult.runAsync (/vercel/path0/node_modules/next/node_modules/postcss/lib/lazy-result.js:258:26)41[10:47:55.120]     at LazyResult.async (/vercel/path0/node_modules/next/node_modules/postcss/lib/lazy-result.js:160:30)42[10:47:55.120]     at LazyResult.then (/vercel/path0/node_modules/next/node_modules/postcss/lib/lazy-result.js:404:17)43[10:47:55.120] 44[10:47:55.120] Import trace for requested module:45[10:47:55.121] ./src/styles/globals.css.webpack[javascript/auto]!=!./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./src/styles/globals.css46[10:47:55.121] ./src/styles/globals.css47[10:47:55.121] 48[10:47:55.121] ./src/styles/globals.css49[10:47:55.121] TypeError: Cannot read properties of undefined (reading 'All')50[10:47:55.121]     at S (/vercel/path0/node_modules/@tailwindcss/postcss/dist/index.js:10:3460)51[10:47:55.121]     at Object.Once (/vercel/path0/node_modules/@tailwindcss/postcss/dist/index.js:10:3573)52[10:47:55.121]     at LazyResult.runOnRoot (/vercel/path0/node_modules/next/node_modules/postcss/lib/lazy-result.js:327:23)53[10:47:55.121]     at LazyResult.runAsync (/vercel/path0/node_modules/next/node_modules/postcss/lib/lazy-result.js:258:26)54[10:47:55.121]     at LazyResult.async (/vercel/path0/node_modules/next/node_modules/postcss/lib/lazy-result.js:160:30)55[10:47:55.121]     at LazyResult.then (/vercel/path0/node_modules/next/node_modules/postcss/lib/lazy-result.js:404:17)56[10:47:55.122]     at tryRunOrWebpackError (/vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:29:316142)57[10:47:55.122]     at __webpack_require_module__ (/vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:29:131548)58[10:47:55.122]     at __nested_webpack_require_161494__ (/vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:29:130983)59[10:47:55.122]     at /vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:29:13184060[10:47:55.122]     at symbolIterator (/vercel/path0/node_modules/next/dist/compiled/neo-async/async.js:1:14444)61[10:47:55.122]     at done (/vercel/path0/node_modules/next/dist/compiled/neo-async/async.js:1:14824)62[10:47:55.122]     at Hook.eval [as callAsync] (eval at create (/vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:14:9224), <anonymous>:15:1)63[10:47:55.122]     at Hook.CALL_ASYNC_DELEGATE [as _callAsync] (/vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:14:6378)64[10:47:55.123]     at /vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:29:13070365[10:47:55.123]     at symbolIterator (/vercel/path0/node_modules/next/dist/compiled/neo-async/async.js:1:14402)66[10:47:55.123] -- inner error --67[10:47:55.123] TypeError: Cannot read properties of undefined (reading 'All')68[10:47:55.123]     at S (/vercel/path0/node_modules/@tailwindcss/postcss/dist/index.js:10:3460)69[10:47:55.123]     at Object.Once (/vercel/path0/node_modules/@tailwindcss/postcss/dist/index.js:10:3573)70[10:47:55.123]     at LazyResult.runOnRoot (/vercel/path0/node_modules/next/node_modules/postcss/lib/lazy-result.js:327:23)71[10:47:55.123]     at LazyResult.runAsync (/vercel/path0/node_modules/next/node_modules/postcss/lib/lazy-result.js:258:26)72[10:47:55.123]     at LazyResult.async (/vercel/path0/node_modules/next/node_modules/postcss/lib/lazy-result.js:160:30)73[10:47:55.123]     at LazyResult.then (/vercel/path0/node_modules/next/node_modules/postcss/lib/lazy-result.js:404:17)74[10:47:55.124]     at Object.<anonymous> (/vercel/path0/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!/vercel/path0/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!/vercel/path0/src/styles/globals.css:1:7)75[10:47:55.124]     at /vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:29:96274276[10:47:55.124]     at Hook.eval [as call] (eval at create (/vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:14:9002), <anonymous>:7:1)77[10:47:55.124]     at Hook.CALL_DELEGATE [as _call] (/vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:14:6272)78[10:47:55.124]     at /vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:29:13158179[10:47:55.124]     at tryRunOrWebpackError (/vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:29:316096)80[10:47:55.124]     at __webpack_require_module__ (/vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:29:131548)81[10:47:55.124]     at __nested_webpack_require_161494__ (/vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:29:130983)82[10:47:55.126]     at /vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:29:13184083[10:47:55.126]     at symbolIterator (/vercel/path0/node_modules/next/dist/compiled/neo-async/async.js:1:14444)84[10:47:55.126] 85[10:47:55.127] Generated code for /vercel/path0/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!/vercel/path0/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!/vercel/path0/src/styles/globals.css86[10:47:55.127] 87[10:47:55.127] Import trace for requested module:88[10:47:55.127] ./src/styles/globals.css89[10:47:55.128] 90[10:47:55.128] 91[10:47:55.128] > Build failed because of webpack errors92[10:47:55.135] error: script "build" exited with code 193[10:47:55.144] Error: Command "bun run build" exited with 194[10:47:55.686]