Vite css @import from package, "missing specifier" when using file path

I'm currently trying to learn how to use sveltekit, and I'm having trouble with importing css from the @catppuccin/style package.

@import "@catppuccin/palette/css/catppuccin.css";

returns with [postcss] Missing "./css/catppuccin.css" specifier in "@catppuccin/palette" package, but

@import "@catppuccin/palette/style";

also errors with Internal server error: Error while preprocessing /home/projects/sveltejs-kit-template-default-waw5r1/src/routes/+layout.svelte - Can't find stylesheet to import.

None of this makes any sense, @catppuccin/palette/css/catppuccin.css does exist, and the package's package.json has style as an export to the same file. I get this error when importing from inside style tag in a svelte component.