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
17:12:54.006 Running build in Washington, D.C., USA (East) – iad117:12:54.006 Build machine configuration: 4 cores, 8 GB17:12:54.025 Retrieving list of deployment files...17:12:54.537 Downloading 171 deployment files...17:12:56.568 Restored build cache from previous deployment (H8xY8eFJp41h936sXb2XLNU7mP3K)17:12:56.865 Running "vercel build"17:12:57.271 Vercel CLI 48.2.017:12:57.579 Running "install" command: `bun install`...17:12:57.608 bun install v1.2.23 (cf136713)17:12:57.671 17:12:57.671 Checked 367 installs across 304 packages (no changes) [75.00ms]17:12:57.689 Detected Next.js version: 15.2.417:12:57.689 Running "bun run build"17:12:57.710 $ next build17:12:58.529 ▲ Next.js 15.2.417:12:58.529 17:12:58.588 Creating an optimized production build ...17:13:10.253 Failed to compile.17:13:10.253 17: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.css17: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.17:13:10.254 at We (/vercel/path1/node_modules/tailwindcss/dist/lib.js:37:1635)17:13:10.254 at LazyResult.runOnRoot (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:329:16)17:13:10.254 at LazyResult.runAsync (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:258:26)17:13:10.254 at LazyResult.async (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:160:30)17:13:10.254 at LazyResult.then (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:404:17)17:13:10.254 17:13:10.254 Import trace for requested module:17: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.css17:13:10.255 ./app/globals.css17:13:10.255 17:13:10.255 ./app/globals.css17: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.17:13:10.255 at We (/vercel/path1/node_modules/tailwindcss/dist/lib.js:37:1635)17:13:10.255 at LazyResult.runOnRoot (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:329:16)17:13:10.255 at LazyResult.runAsync (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:258:26)17:13:10.255 at LazyResult.async (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:160:30)17:13:10.255 at LazyResult.then (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:404:17)17:13:10.255 at tryRunOrWebpackError (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:316142)17:13:10.256 at __webpack_require_module__ (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:131548)17:13:10.256 at __nested_webpack_require_161494__ (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:130983)17:13:10.256 at /vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:13184017:13:10.256 at symbolIterator (/vercel/path1/node_modules/next/dist/compiled/neo-async/async.js:1:14444)17:13:10.256 at done (/vercel/path1/node_modules/next/dist/compiled/neo-async/async.js:1:14824)17: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)17:13:10.256 at Hook.CALL_ASYNC_DELEGATE [as _callAsync] (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:14:6378)17:13:10.256 at /vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:13070317:13:10.256 at symbolIterator (/vercel/path1/node_modules/next/dist/compiled/neo-async/async.js:1:14402)17:13:10.256 -- inner error --17: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.17:13:10.257 at We (/vercel/path1/node_modules/tailwindcss/dist/lib.js:37:1635)17:13:10.257 at LazyResult.runOnRoot (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:329:16)17:13:10.257 at LazyResult.runAsync (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:258:26)17:13:10.257 at LazyResult.async (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:160:30)17:13:10.257 at LazyResult.then (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:404:17)17: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)17:13:10.257 at /vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:96274217: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)17:13:10.258 at Hook.CALL_DELEGATE [as _call] (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:14:6272)17:13:10.258 at /vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:13158117:13:10.258 at tryRunOrWebpackError (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:316096)17:13:10.258 at __webpack_require_module__ (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:131548)17:13:10.258 at __nested_webpack_require_161494__ (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:130983)17:13:10.258 at /vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:13184017:13:10.258 at symbolIterator (/vercel/path1/node_modules/next/dist/compiled/neo-async/async.js:1:14444)17:13:10.258 17: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.css17:13:10.258 17:13:10.258 Import trace for requested module:17:13:10.258 ./app/globals.css17:13:10.259 17:13:10.265 17:13:10.266 > Build failed because of webpack errors17:13:10.276 error: script "build" exited with code 117:13:10.288 Error: Command "bun run build" exited with 1