Best practice for importing / exporting styles from a lib you create: Svelte / SvelteKit / Tailwind 4

[ReturnXDev]

I'm working on a datepicker uses Svelte Tailwind 4.

I npm run package, publish to npm and install into my test project.

If I add @source "../node_modules/@company/datepicker/" to app.css it works BUT this doesn't seem ideal, asking users to do two steps etc.

What is the ideal solution here?

Before I found that step I could inspect and see that the various elements had tailwind classes but they weren't getting processed I guess.

Please tell me how to solve this properly.

Thank you.

[wongjn]

In the library, have a CSS file that has the relevant @source directives (as well as any relevant custom @utility, @custom-variant, @theme). Then, in the consumer project, you'd only need to @import that CSS file without needing the extra @source.