How does customization work?

[steventilator]

I'd like to use the Pico Tooltip implementation in a project which uses Tailwind.

I installed with npm install @picocss/pico. Then, I followed the Customization docs and added @import "@picocss/pico/scss/pico/layout/document" to my CSS file. I'm using ViteJS and end up with this error:

[plugin:vite:css] [postcss] ENOENT: no such file or directory, open '@picocss/pico/scss/pico/layout/document'

Sure, I don't want to use the "document" part, but the "tooltip". However, this is what's included in the docs, so I figured that this works.

There is also this sentence in the documentation which leaves me puzzled: "Compile the SASS file to CSS to get a custom version of Pico." Do I need to do this, and if so, how?

Thanks for your help.