Exceeded maximum recursion depth while resolving `tailwindcss/utilities`

[m1guer]

What version of Tailwind CSS are you using?

    "tailwindcss": "^4.2.1",

What build tool (or framework if it abstracts the build tool) are you using?

For example: postcss-cli 11.0.0, Next.js 15.1.7, Vite 6.1.0

    "next": "16.1.6",
    "@tailwindcss/postcss": "^4.2.1",

What version of Node.js are you using?

v24.14.0

What browser are you using?

Chrome

What operating system are you using?

Ubuntu

Describe your issue

i'm just trying to render a simple nextjs project page from the bun create next-app and it crashes:

## Error Type
Build Error

## Error Message
Error evaluating Node.js code

## Build Output
./src/app/globals.css
Error evaluating Node.js code
CssSyntaxError: tailwindcss: /home/miguer/work/pubstruct/money/src/app/globals.css:1:1: Exceeded maximum recursion depth while resolving `tailwindcss/utilities` in `/home/miguer/work/pubstruct/money/node_modules/tailwindcss`)
    [at Input.error (turbopack:///[project]/node_modules/postcss/lib/input.js:135:16)]
    [at Root.error (turbopack:///[project]/node_modules/postcss/lib/node.js:146:32)]
    [at Object.Once (/home/miguer/work/pubstruct/money/node_modules/@tailwindcss/postcss/dist/index.js:10:6913)]
    [at async LazyResult.runAsync (turbopack:///[project]/node_modules/postcss/lib/lazy-result.js:293:11)]
    [at async transform (turbopack:///[turbopack-node]/transforms/postcss.ts:70:34)]
    [at async run (turbopack:///[turbopack-node]/ipc/evaluate.ts:92:23)]

Import trace:
  Client Component Browser:
    ./src/app/globals.css [Client Component Browser]
    ./src/app/layout.tsx [Server Component]

Next.js version: 16.1.6 (Turbopack)

[RobinMalfait]

Hey! Can you share a minimal reproduction repo so we can take a look?

Your src/app/globals.css should just look like this:

@import "tailwindcss";