[bug]: Sidebar component import not working after migrating to tailwind v4

[andreibade]

Describe the bug

In tailwind v4, tailwind.config.ts got removed.

Sidebar components was modifying the tailwind.config.ts, but now because it doesn't exist anymore in v4, it returns ENOENT.

"ENOENT: no such file or directory, open 'tailwind.config.ts'"

Affected component/components

Sidebar

How to reproduce

1. In a shadcn project, upgrade to tailwind v4 using pnpm dlx @tailwindcss/upgrade@next (https://tailwindcss.com/docs/upgrade-guide).

2. Import sidebar component: pnpm dlx shadcn@latest add sidebar.

3. Receive ENOENT error.

Codesandbox/StackBlitz link

Not needed, simple enough to reproduce.

Logs

➜ pnpm dlx shadcn@latest add sidebar

✔ Checking registry.
⠋ Updating tailwind.config.ts
Something went wrong. Please check the error below for more details.
If the problem persists, please open an issue on GitHub.

ENOENT: no such file or directory, open '/Users/abadescu/p/sealnext/frontend/tailwind.config.ts'

System Info

Doesn't matter, personally using macOS.

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues

[0a9ntg26]

you need to install TailwindCSS v3 with this command:

NPM

npm install -D tailwindcss@3 postcss autoprefixer

PNPM

pnpm add -D tailwindcss@3 postcss autoprefixer

BUN

bun add -D tailwindcss@3 postcss autoprefixer

YARN

yarn add -D tailwindcss@3 postcss autoprefixer

because shadcn/ui doesn't support TailwindCSS v4 for now.