⨯ ./src/app/globals.css.webpack[javascript/auto]!=!./node_modules/.pnpm/next@15.1.6_react-dom@19.0.0_react@19.0.0react@19.0.0/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/.pnpm/next@15.1.6_react-dom@19.0.0_react@19.0.0react@19.0.0/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./src/app/globals.css
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.
Import trace for requested module:
./src/app/globals.css.webpack[javascript/auto]!=!./node_modules/.pnpm/next@15.1.6_react-dom@19.0.0_react@19.0.0react@19.0.0/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/.pnpm/next@15.1.6_react-dom@19.0.0_react@19.0.0react@19.0.0/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./src/app/globals.css
./src/app/globals.css
GET / 500 in 7592ms

Does anyone know why this has happened now? Do I need to rebuild my project as a fresh nextjs app? As I followed the tailwind guide for this and it did not work. Does nextjs not currently account for this?