Error installing tailwindcss in vite 7 project

[reidjs]

What version of Tailwind CSS are you using?

^3.4.17

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

Vue ^3.5.17, Vite 7.0, npm 10.8.2

What version of Node.js are you using?

v20.19.0

What browser are you using?

N/A

What operating system are you using?

macOS

Reproduction URL

https://github.com/reidjs/vite-compat-issue-tailwind

Describe your issue

When I try to install tailwind3 into a fresh vite7 repo using npm install tailwindcss @tailwindcss/vite, I see this compatibility error

➜  vite-compat-issue-tailwind npm install tailwindcss @tailwindcss/vite

npm error code ERESOLVE
npm error ERESOLVE unable to resolve dependency tree
npm error
npm error While resolving: vite-compat-issue-tailwind@0.0.0
npm error Found: vite@7.0.0
npm error node_modules/vite
npm error   dev vite@"^7.0.0" from the root project
npm error
npm error Could not resolve dependency:
npm error peer vite@"^5.2.0 || ^6" from @tailwindcss/vite@4.1.10
npm error node_modules/@tailwindcss/vite
npm error   @tailwindcss/vite@"*" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.
npm error

[justintoman]

Vite 7 came out yesterday, be patient. There's already a PR merged to support it, just waiting on a release.

#18384