What version of prettier-plugin-tailwindcss are you using?
v0.6.6
What version of Tailwind CSS are you using?
v4.0.0-alpha.24
What version of Node.js are you using?
v20.17.0
What package manager are you using?
pnpm
What operating system are you using?
Ubuntu
Reproduction URL
https://github.com/aaronadamsCA/prettier-plugin-tailwindcss-issue-270/tree/alpha-24-issue/my-app
Describe your issue
Starting with Tailwind v4.0.0-alpha.24 this plugin errors when given a tailwind.css config file.
$ pnpm exec prettier src/main.jsx
src/main.jsx
[error] src/main.jsx: /workspaces/prettier-plugin-tailwindcss-issue-270/my-app/tailwind.css:1
[error] @import "tailwindcss";
[error] ^
[error]
[error] SyntaxError: Invalid or unexpected token
[error] at wrapSafe (node:internal/modules/cjs/loader:1378:20)
[error] at Module._compile (node:internal/modules/cjs/loader:1428:41)
[error] at Module._extensions..js (node:internal/modules/cjs/loader:1548:10)
[error] at Module.load (node:internal/modules/cjs/loader:1288:32)
[error] at Module._load (node:internal/modules/cjs/loader:1104:12)
[error] at Module.require (node:internal/modules/cjs/loader:1311:19)
[error] at require (node:internal/modules/helpers:179:18)
[error] at Wr (file:///workspaces/prettier-plugin-tailwindcss-issue-270/node_modules/.pnpm/[email protected][email protected]/node_modules/prettier-plugin-tailwindcss/dist/index.mjs:156:14078)
[error] at file:///workspaces/prettier-plugin-tailwindcss-issue-270/node_modules/.pnpm/[email protected][email protected]/node_modules/prettier-plugin-tailwindcss/dist/index.mjs:2353:3939
[error] at pJ (file:///workspaces/prettier-plugin-tailwindcss-issue-270/node_modules/.pnpm/[email protected][email protected]/node_modules/prettier-plugin-tailwindcss/dist/index.mjs:2353:3944)
Easy to reproduce:
.prettierrc.json
{
"plugins": ["prettier-plugin-tailwindcss"],
"tailwindConfig": "./tailwind.css"
}
tailwind.css
What version of
prettier-plugin-tailwindcssare you using?v0.6.6
What version of Tailwind CSS are you using?
v4.0.0-alpha.24
What version of Node.js are you using?
v20.17.0
What package manager are you using?
pnpm
What operating system are you using?
Ubuntu
Reproduction URL
https://github.com/aaronadamsCA/prettier-plugin-tailwindcss-issue-270/tree/alpha-24-issue/my-app
Describe your issue
Starting with Tailwind
v4.0.0-alpha.24this plugin errors when given atailwind.cssconfig file.Easy to reproduce:
.prettierrc.json{ "plugins": ["prettier-plugin-tailwindcss"], "tailwindConfig": "./tailwind.css" }tailwind.css