Hi,
I have a problem, V0 seems to force to use Tailwind V4, but my project is complete only with Tailwind V3. Even il my "package.json” is specified with “tailwindcss : 3.4.17 (without ^)” I can force the build to use V3 and can’t add a binary file bun.lockb to force.
Here is the Vercel deployment log bugs.
Do you have any idea how to fix this ?
Thank you,
Fabien
117:12:54.006 Running build in Washington, D.C., USA (East) – iad1217:12:54.006 Build machine configuration: 4 cores, 8 GB317:12:54.025 Retrieving list of deployment files...417:12:54.537 Downloading 171 deployment files...517:12:56.568 Restored build cache from previous deployment (H8xY8eFJp41h936sXb2XLNU7mP3K)617:12:56.865 Running "vercel build"717:12:57.271 Vercel CLI 48.2.0817:12:57.579 Running "install" command: `bun install`...917:12:57.608 bun install v1.2.23 (cf136713)1017:12:57.671 1117:12:57.671 Checked 367 installs across 304 packages (no changes) [75.00ms]1217:12:57.689 Detected Next.js version: 15.2.41317:12:57.689 Running "bun run build"1417:12:57.710 $ next build1517:12:58.529 ▲ Next.js 15.2.41617:12:58.529 1717:12:58.588 Creating an optimized production build ...1817:13:10.253 Failed to compile.1917:13:10.253 2017:13:10.253 ./app/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]!./app/globals.css2117:13:10.254 Error: It looks like you're trying to use `tailwindcss` directly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install `@tailwindcss/postcss` and update your PostCSS configuration.2217:13:10.254 at We (/vercel/path1/node_modules/tailwindcss/dist/lib.js:37:1635)2317:13:10.254 at LazyResult.runOnRoot (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:329:16)2417:13:10.254 at LazyResult.runAsync (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:258:26)2517:13:10.254 at LazyResult.async (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:160:30)2617:13:10.254 at LazyResult.then (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:404:17)2717:13:10.254 2817:13:10.254 Import trace for requested module:2917:13:10.254 ./app/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]!./app/globals.css3017:13:10.255 ./app/globals.css3117:13:10.255 3217:13:10.255 ./app/globals.css3317:13:10.255 Error: It looks like you're trying to use `tailwindcss` directly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install `@tailwindcss/postcss` and update your PostCSS configuration.3417:13:10.255 at We (/vercel/path1/node_modules/tailwindcss/dist/lib.js:37:1635)3517:13:10.255 at LazyResult.runOnRoot (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:329:16)3617:13:10.255 at LazyResult.runAsync (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:258:26)3717:13:10.255 at LazyResult.async (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:160:30)3817:13:10.255 at LazyResult.then (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:404:17)3917:13:10.255 at tryRunOrWebpackError (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:316142)4017:13:10.256 at __webpack_require_module__ (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:131548)4117:13:10.256 at __nested_webpack_require_161494__ (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:130983)4217:13:10.256 at /vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:1318404317:13:10.256 at symbolIterator (/vercel/path1/node_modules/next/dist/compiled/neo-async/async.js:1:14444)4417:13:10.256 at done (/vercel/path1/node_modules/next/dist/compiled/neo-async/async.js:1:14824)4517:13:10.256 at Hook.eval [as callAsync] (eval at create (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:14:9224), <anonymous>:15:1)4617:13:10.256 at Hook.CALL_ASYNC_DELEGATE [as _callAsync] (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:14:6378)4717:13:10.256 at /vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:1307034817:13:10.256 at symbolIterator (/vercel/path1/node_modules/next/dist/compiled/neo-async/async.js:1:14402)4917:13:10.256 -- inner error --5017:13:10.256 Error: It looks like you're trying to use `tailwindcss` directly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install `@tailwindcss/postcss` and update your PostCSS configuration.5117:13:10.257 at We (/vercel/path1/node_modules/tailwindcss/dist/lib.js:37:1635)5217:13:10.257 at LazyResult.runOnRoot (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:329:16)5317:13:10.257 at LazyResult.runAsync (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:258:26)5417:13:10.257 at LazyResult.async (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:160:30)5517:13:10.257 at LazyResult.then (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:404:17)5617:13:10.257 at Object.<anonymous> (/vercel/path1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!/vercel/path1/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!/vercel/path1/app/globals.css:1:7)5717:13:10.257 at /vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:9627425817:13:10.258 at Hook.eval [as call] (eval at create (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:14:9002), <anonymous>:7:1)5917:13:10.258 at Hook.CALL_DELEGATE [as _call] (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:14:6272)6017:13:10.258 at /vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:1315816117:13:10.258 at tryRunOrWebpackError (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:316096)6217:13:10.258 at __webpack_require_module__ (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:131548)6317:13:10.258 at __nested_webpack_require_161494__ (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:130983)6417:13:10.258 at /vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:1318406517:13:10.258 at symbolIterator (/vercel/path1/node_modules/next/dist/compiled/neo-async/async.js:1:14444)6617:13:10.258 6717:13:10.258 Generated code for /vercel/path1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!/vercel/path1/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!/vercel/path1/app/globals.css6817:13:10.258 6917:13:10.258 Import trace for requested module:7017:13:10.258 ./app/globals.css7117:13:10.259 7217:13:10.265 7317:13:10.266 > Build failed because of webpack errors7417:13:10.276 error: script "build" exited with code 17517:13:10.288 Error: Command "bun run build" exited with 1
