test(resolve): add test for sass @use with node builtin name (#22514)

Author: shulaoda

playground/resolve/__tests__/sass-node-builtin-clash/resolve-sass-node-builtin-clash.spec.ts

@@ -0,0 +1,7 @@
+import { expect, test } from 'vitest'
+import { findAssetFile, isBuild } from '~utils'
+
+test.runIf(isBuild)('sass @use with node builtin name does not panic', () => {
+  const css = findAssetFile(/entry/, 'sass-node-builtin-clash')
+  expect(css).toContain('cursor:pointer')
+})

playground/resolve/sass-node-builtin-clash/component/button.scss

@@ -0,0 +1,5 @@
+@use 'util' as *;
+
+.sass-node-builtin-clash {
+  @include reset-btn;
+}

playground/resolve/sass-node-builtin-clash/entry.scss

@@ -0,0 +1 @@
+@forward 'component/button';

playground/resolve/sass-node-builtin-clash/util/_index.scss

@@ -0,0 +1,4 @@
+@mixin reset-btn {
+  all: unset;
+  cursor: pointer;
+}

playground/resolve/vite.config-sass-node-builtin-clash.js

@@ -0,0 +1,23 @@
+import path from 'node:path'
+import { defineConfig } from 'vite'
+
+export default defineConfig({
+  build: {
+    outDir: 'dist/sass-node-builtin-clash',
+    rollupOptions: {
+      input: {
+        entry: path.join(
+          import.meta.dirname,
+          'sass-node-builtin-clash/entry.scss',
+        ),
+      },
+    },
+  },
+  css: {
+    preprocessorOptions: {
+      scss: {
+        loadPaths: [path.join(import.meta.dirname, 'sass-node-builtin-clash')],
+      },
+    },
+  },
+})