[bug]: install does not work

[ravenkim]

Describe the bug

In ts it works well but in js it does not work

I want my files to go inside like this

`

{
"$schema": "https://ui.shadcn.com/schema.json",
"style": "new-york",
"rsc": false,
"tsx": false,
"tailwind": {
"config": "",
"css": "src/shared/components/lib/shadcn/styles/sahdcn.scss",
"baseColor": "neutral",
"cssVariables": true,
"prefix": ""
},
"aliases": {
"components": "src/shared/components/lib/shadcn/components",
"utils": "src/shared/components/lib/shadcn/lib/utils",
"ui": "src/shared/components/lib/shadcn/components/ui",
"lib": "src/shared/components/lib/shadcn/lib",
"hooks": "src/shared/components/lib/shadcn/hooks"
},
"iconLibrary": "lucide"
}
`

but it does not work

From v4 tailwind use @use instead @import

Is there any way to insall shadcn in this project?

[https://github.com/ravenkim/ss-react-boilerplate-js]

Affected component/components

init

How to reproduce

0. clone
1. yarn
2. yarn dev
3. npx shadcn@latest init

Codesandbox/StackBlitz link

https://github.com/ravenkim/ss-react-boilerplate-js

Logs

npx shadcn@latest init


✔ Preflight checks.
✔ Verifying framework. Found Vite.
✖ Validating Tailwind CSS config. Found v4.
✔ Validating import alias.

No Tailwind CSS configuration found at /home/raven/job/portfolio/ss-react-boilerplate-js.
It is likely you do not have Tailwind CSS installed or have an invalid configuration.
Install Tailwind CSS then try again.
Visit https://tailwindcss.com/docs/guides/vite to get started.

System Info

node -v
v22.14.0
yarn -v
4.7.0


    "tailwindcss": "^4.0.15",
    "vite": "^6.2.0"

Before submitting

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

[mbkProgrammer]

Hi,
Add this line to tailwind.css file
@import "tailwindcss";

[ravenkim]

@mbkProgrammer
Hi,

if i put @import "tailwindcss";
download works but css does not work well

in @custom-variant and @them shows undefined error

---

also
as i told I want to put download files in specific directory.

like

"css": "src/shared/components/lib/shadcn/styles/sahdcn.scss",

"components": "src/shared/components/lib/shadcn/components",
"utils": "src/shared/components/lib/shadcn/lib/utils",
"ui": "src/shared/components/lib/shadcn/components/ui",
"lib": "src/shared/components/lib/shadcn/lib",
"hooks": "src/shared/components/lib/shadcn/hooks"

But it does not work

also when i download, "cn" path is only

even I set like
"utils": "src/shared/components/lib/shadcn/lib/utils",

in componets.json

[ravenkim]

Sass, Less, and Stylus
Tailwind CSS v4.0 is a full-featured CSS build tool designed for a specific workflow, and is not designed to be used with CSS preprocessors like Sass, Less, or Stylus.

Think of Tailwind CSS itself as your preprocessor — you shouldn't use Tailwind with Sass for the same reason you wouldn't use Sass with Stylus.

Since Tailwind is designed for modern browsers, you actually don't need a preprocessor for things like nesting or variables, and Tailwind itself will do things like bundle your imports and add vendor prefixes.