fix: Replace @tailwind directives for @import

[AdrianGonz97]

Addresses one of the issues from #482

Replaces the tailwind directives:

@tailwind base;
@tailwind components;
@tailwind utilities;

for imports:

@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

This was done for better compatibility when the adder is used in preexisting projects that have @import rules already applied. See #482 (comment) for more details.

[changeset-bot]

🦋 Changeset detected

Latest commit: 96372d7

The changes in this PR will be included in the next version bump.

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[pkg-pr-new]

Run & review this pull request in StackBlitz Codeflow.

commit: 96372d7

svelte-add

npm i https://pkg.pr.new/svelte-add/svelte-add@492

@svelte-add/website

npm i https://pkg.pr.new/svelte-add/svelte-add/@svelte-add/website@492

---

templates

• default

[benmccann]

Lgtm. I thought it was a bit non-standard at first not to use @tailwind, but since it's the way things will be done for Tailwind 4 I think it's fine