creating a new project fails

[lyrieek]

I installed it exactly according to the documentation on the shadcn website, but found that tailwindcss always fails：

.\src\assets\base.css

@import 'tailwindcss';
@config "../../tailwind.config.js";
@tailwind base;
@tailwind components;
@tailwind utilities;
...
@layer base {
	* {
		@apply border-border;
	}
	body {
		@apply bg-background text-foreground;
	}
}

tailwind.config.js is completely shadcn generated

ERROR:

[vite] Internal server error: Can't resolve 'tailwindcss'
[vite] Internal server error: Cannot apply unknown utility class: border-border
[vite] (client) Pre-transform error: Cannot apply unknown utility class: border-border

I didn't write any code, just installed the docs to run the commands, but after trying various modifications I just get all kinds of different errors, and I undid all the modifications to end up keeping this error

[lyrieek]

package.json all package installation was successful without any errors

"dependencies": {
    "@tailwindcss/vite": "^4.0.17",
    "class-variance-authority": "^0.7.1",
    "clsx": "^2.1.1",
    "lucide-vue-next": "^0.485.0",
    "reka-ui": "^2.1.1",
    "shadcn-vue": "^1.0.3",
    "tailwind-merge": "^3.0.2",
    "tailwindcss-animate": "^1.0.7",
    "vue": "^3.5.13",
    "vue-router": "^4.5.0"
},
"devDependencies": {
        "postcss": "^8.5.3",
        "prettier": "3.5.3",
        "tailwindcss": "^3.4.17",
        "typescript": "~5.8.0",
        "vite": "^6.2.1",
        "vite-plugin-vue-devtools": "^7.7.2",
        "vue-tsc": "^2.2.8"
}

[lyrieek]

npm list tailwindcss

[email protected] 
├─┬ @tailwindcss/[email protected] -> .\node_modules\.pnpm\@[email protected]_vi_5e84293a7ec50880568facc45bef134f\node_modules\@tailwindcss\vite
│ ├─┬ @tailwindcss/[email protected] -> .\node_modules\.pnpm\@[email protected]\node_modules\@tailwindcss\node
│ │ └── [email protected] -> .\node_modules\.pnpm\[email protected]\node_modules\tailwindcss
│ └── [email protected] -> .\node_modules\.pnpm\[email protected]\node_modules\tailwindcss
├─┬ [email protected] -> .\node_modules\.pnpm\[email protected]_@vitest+ui_795efb75e823b1d6fb4d3527767ecd73\node_modules\shadcn-vue
│ └── [email protected] -> .\node_modules\.pnpm\[email protected]\node_modules\tailwindcss
├─┬ [email protected] -> .\node_modules\.pnpm\[email protected][email protected]\node_modules\tailwindcss-animate
│ └── [email protected] -> .\node_modules\.pnpm\[email protected]\node_modules\tailwindcss
└── [email protected] -> .\node_modules\.pnpm\[email protected]\node_modules\tailwindcss