fix(css): make sass types work with sass-embedded (#18459)

eslint.config.js

@@ -85,7 +85,14 @@ export default tseslint.config(
       'n/no-extraneous-import': [
         'error',
         {
-          allowModules: ['vite', 'less', 'sass', 'vitest', 'unbuild'],
+          allowModules: [
+            'vite',
+            'less',
+            'sass',
+            'sass-embedded',
+            'vitest',
+            'unbuild',
+          ],
         },
       ],
       'n/no-extraneous-require': [

package.json

@@ -116,6 +116,18 @@
         "postcss",
         "search-insights"
       ]
+    },
+    "packageExtensions": {
+      "sass-embedded": {
+        "peerDependencies": {
+          "source-map-js": "*"
+        },
+        "peerDependenciesMeta": {
+          "source-map-js": {
+            "optional": true
+          }
+        }
+      }
     }
   },
   "stackblitz": {

packages/vite/types/internal/cssPreprocessorOptions.d.ts

@@ -1,16 +1,29 @@
 /* eslint-disable @typescript-eslint/ban-ts-comment */
 
 // @ts-ignore `sass` may not be installed
-import type Sass from 'sass'
+import type DartSass from 'sass'
+// @ts-ignore `sass-embedded` may not be installed
+import type SassEmbedded from 'sass-embedded'
 // @ts-ignore `less` may not be installed
 import type Less from 'less'
 // @ts-ignore `less` may not be installed
 import type Stylus from 'stylus'
 
 /* eslint-enable @typescript-eslint/ban-ts-comment */
 
+// https://github.com/type-challenges/type-challenges/issues/29285
+type IsAny<T> = boolean extends (T extends never ? true : false) ? true : false
+
+type DartSassLegacyStringOptionsAsync = DartSass.LegacyStringOptions<'async'>
+type SassEmbeddedLegacyStringOptionsAsync =
+  SassEmbedded.LegacyStringOptions<'async'>
+type SassLegacyStringOptionsAsync =
+  IsAny<DartSassLegacyStringOptionsAsync> extends false
+    ? DartSassLegacyStringOptionsAsync
+    : SassEmbeddedLegacyStringOptionsAsync
+
 export type SassLegacyPreprocessBaseOptions = Omit<
-  Sass.LegacyStringOptions<'async'>,
+  SassLegacyStringOptionsAsync,
   | 'data'
   | 'file'
   | 'outFile'
@@ -20,8 +33,15 @@ export type SassLegacyPreprocessBaseOptions = Omit<
   | 'sourceMapRoot'
 >
 
+type DartSassStringOptionsAsync = DartSass.StringOptions<'async'>
+type SassEmbeddedStringOptionsAsync = SassEmbedded.StringOptions<'async'>
+type SassStringOptionsAsync =
+  IsAny<DartSassStringOptionsAsync> extends false
+    ? DartSassStringOptionsAsync
+    : SassEmbeddedStringOptionsAsync
+
 export type SassModernPreprocessBaseOptions = Omit<
-  Sass.StringOptions<'async'>,
+  SassStringOptionsAsync,
   'url' | 'sourceMap'
 >