From ff1e65961a1439fa134b9141ac4bf6a9d8a1f494 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matthias=20H=C3=B6rtenhuber?=
 <mashehu@users.noreply.github.com>
Date: Tue, 23 Jun 2026 09:54:05 +0200
Subject: [PATCH 1/3] Extend CSS filter to include additional preprocessors

---
 packages/astro/src/vite-plugin-config-alias/index.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/astro/src/vite-plugin-config-alias/index.ts b/packages/astro/src/vite-plugin-config-alias/index.ts
index 18657a961e86..4a449b843910 100644
--- a/packages/astro/src/vite-plugin-config-alias/index.ts
+++ b/packages/astro/src/vite-plugin-config-alias/index.ts
@@ -110,7 +110,7 @@ export default function configAliasVitePlugin({
 			transform: {
 				filter: {
 					id: {
-						include: /\.css$/,
+						include: /\.(css|scss|sass|less|styl)$/,
 					},
 				},
 				handler(code) {

From d995c21714ff448ce6a26f130bb62599b74ed84d Mon Sep 17 00:00:00 2001
From: mashehu <mashehu3@gmail.com>
Date: Tue, 23 Jun 2026 10:07:03 +0200
Subject: [PATCH 2/3] update changeset

---
 .changeset/fine-bags-end.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/fine-bags-end.md

diff --git a/.changeset/fine-bags-end.md b/.changeset/fine-bags-end.md
new file mode 100644
index 000000000000..4f447789cdf6
--- /dev/null
+++ b/.changeset/fine-bags-end.md
@@ -0,0 +1,5 @@
+---
+'astro': patch
+---
+
+Extend CSS @import rewrite to also work for SCSS, Sass, less, and stylus

From cfd55e4257462d99a32c8d0ffd28bac048822b95 Mon Sep 17 00:00:00 2001
From: mashehu <mashehu3@gmail.com>
Date: Tue, 23 Jun 2026 10:17:04 +0200
Subject: [PATCH 3/3] add test for scss import

---
 .../fixtures/alias-tsconfig/src/components/Style.astro   | 9 ++++++++-
 .../fixtures/alias-tsconfig/src/more-styles/extra.scss   | 5 +++++
 2 files changed, 13 insertions(+), 1 deletion(-)
 create mode 100644 packages/astro/test/fixtures/alias-tsconfig/src/more-styles/extra.scss

diff --git a/packages/astro/test/fixtures/alias-tsconfig/src/components/Style.astro b/packages/astro/test/fixtures/alias-tsconfig/src/components/Style.astro
index 9468ef80e338..66023553e3d2 100644
--- a/packages/astro/test/fixtures/alias-tsconfig/src/components/Style.astro
+++ b/packages/astro/test/fixtures/alias-tsconfig/src/components/Style.astro
@@ -1,2 +1,9 @@
 <p id="style-blue">i am blue</p>
-<p id="style-red">i am red</p>
\ No newline at end of file
+<p id="style-red">i am red</p>
+<p id="style-scss">i am scss</p>
+
+<style lang="scss">
+  /* `@styles/*` is a tsconfig path alias; it must resolve inside an
+     .astro `<style lang="scss">` block (virtual id `…&lang.scss`). */
+  @import "@styles/extra.scss";
+</style>
\ No newline at end of file
diff --git a/packages/astro/test/fixtures/alias-tsconfig/src/more-styles/extra.scss b/packages/astro/test/fixtures/alias-tsconfig/src/more-styles/extra.scss
new file mode 100644
index 000000000000..4fd6a86b16c4
--- /dev/null
+++ b/packages/astro/test/fixtures/alias-tsconfig/src/more-styles/extra.scss
@@ -0,0 +1,5 @@
+$scss-alias-color: #abcdef;
+
+#style-scss {
+  color: $scss-alias-color;
+}