After vanilla install of svelte and after running shadcn-svelte@latest init, cannot run locally

[ilemus]

Describe the bug

[plugin:@tailwindcss/vite:generate:serve] Cannot apply unknown utility class: border-border

Referenced this exactly: https://www.shadcn-svelte.com/docs/installation/sveltekit

Reproduction

https://www.shadcn-svelte.com/docs/installation/sveltekit

Logs

Error: Cannot apply unknown utility class: border-border

System Info

System:
    OS: macOS 15.3.1
    CPU: (8) arm64 Apple M1 Pro
    Memory: 157.44 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 18.17.0 - /usr/local/bin/node
    npm: 9.6.7 - /usr/local/bin/npm
  Browsers:
    Chrome: 132.0.6834.83
    Edge: 117.0.2045.40
    Safari: 18.3
  npmPackages:
    @sveltejs/kit: ^2.16.0 => 2.17.3 
    svelte: ^5.0.0 => 5.20.5

Severity

annoyance

[ieedan]

You are using tailwind v4 which isn't supported yet. You should actually be getting a warning for this before adding components let me know if you aren't.

[ieedan]

Also you probably want to reference the svelte 5 docs for any new projects: https://next.shadcn-svelte.com/docs/installation/sveltekit

[ilemus]

Got it, I didn't realize you had to specify the sv version when creating the svelte app.
Specifying 0.6.18 resolved it.

Thanks!