feat(css): support at import preprocessed styles

[poyoho]

Description

fix: #8397
fix: #11837

Additional context

support css pre-processor lang for index.html

---

What is the purpose of this pull request?

• Bug fix
• New Feature
• Documentation update
• Other

Before submitting the PR, please make sure you do the following

• Read the Contributing Guidelines.
• Read the Pull Request Guidelines and follow the Commit Convention.
• Check that there isn't already a PR that solves the problem the same way to avoid creating a duplicate.
• Provide a description in this PR that addresses what the PR is solving, or reference the issue that it solves (e.g. fixes #123).
• Ideally, include relevant tests that fail without this PR but pass with it.

[patak-dev]

Interesting. Let's discuss this feature in the next team meeting.

[poyoho]

I like this point #8397 (comment)

so I move

<style lang="scss">
@use "app"
</style>

to

<style>
@import url("./_app.scss")
</style>

[bluwy]

We discussed this in the last meeting and agreed that this would be a nice feature to have. Digging more into this PR, it seems to do a different thing than the PR title.

It looks like this PR supports @import for scss/styl etc files which previously didn't work. I thought it was about supporting <style lang="sass"> in the html.

In either case, I think the former make sense and we could support it. I'll try to rebase the PR.

[patak-dev]

/ecosystem-ci run

[vite-ecosystem-ci]

📝 Ran ecosystem CI: Open

suite	result
astro	❌ failure
histoire	❌ failure
iles	❌ failure
ladle	✅ success
laravel	✅ success
marko	❌ failure
nuxt	❌ failure
nx	✅ success
previewjs	✅ success
qwik	❌ failure
rakkas	❌ failure
sveltekit	✅ success
unocss	✅ success
vite-plugin-pwa	✅ success
vite-plugin-ssr	❌ failure
vite-plugin-react	✅ success
vite-plugin-react-pages	✅ success
vite-plugin-react-swc	✅ success
vite-plugin-svelte	✅ success
vite-plugin-vue	✅ success
vite-setup-catalogue	✅ success
vitepress	✅ success
vitest	✅ success

[patak-dev]

re-checking qwik

vite-plugin-ssr, nuxt, marko, astro
we're already failing yesterday

histoire, iles, rakkas,
seems to fail in main today too
https://discord.com/channels/804011606160703521/928398470086291456/1115648870874099774

[patak-dev]

/ecosystem-ci run qwik

[vite-ecosystem-ci]

📝 Ran ecosystem CI: Open

suite	result
qwik	✅ success

[vite-ecosystem-ci]

📝 Ran ecosystem CI: Open

suite	result
qwik	✅ success

[TheElegantCoding]

perfect my error was with qwik