feat(css): support sass compiler api and sass-embedded package (#1513)

* feat(css): support sass compiler api and sass-embedded package

resolve #1512

vitejs/vite@1025bb6 の反映です。

* Update config/shared-options.md

Co-authored-by: Jun Shindo <46585162+jay-es@users.noreply.github.com>

---------

Co-authored-by: Jun Shindo <46585162+jay-es@users.noreply.github.com>

config/shared-options.md

@@ -225,7 +225,7 @@ CSS モジュールの動作を設定します。オプションは [postcss-mod
 
 CSS プリプロセッサーに渡すオプションを指定します。オプションのキーとしてファイルの拡張子を使用します。各プリプロセッサーでサポートされているオプションは、それぞれのドキュメントで確認できます:
 
-- `sass`/`scss` - トップレベルのオプション `api: "legacy" | "modern"`（デフォルト `"legacy"`）で、使用する sass API を切り替えることができます。[オプション（legacy）](https://sass-lang.com/documentation/js-api/interfaces/LegacyStringOptions)、[オプション（modern）](https://sass-lang.com/documentation/js-api/interfaces/stringoptions/)。
+- `sass`/`scss` - トップレベルのオプション `api: "legacy" | "modern" | "modern-compiler"`（デフォルト `"legacy"`）で、使用する sass API を切り替えることができます。最高のパフォーマンスを得るには、`sass-embedded` パッケージとともに `api: "modern-compiler"` を使用することをおすすめします。[オプション（legacy）](https://sass-lang.com/documentation/js-api/interfaces/LegacyStringOptions)、[オプション（modern）](https://sass-lang.com/documentation/js-api/interfaces/stringoptions/)。
 - `less` - [オプション](https://lesscss.org/usage/#less-options)。
 - `styl`/`stylus` - オブジェクトとして渡せる [`define`](https://stylus-lang.com/docs/js.html#define-name-node) のみサポートされています。
 
@@ -244,7 +244,7 @@ export default defineConfig({
         },
       },
       scss: {
-        api: 'modern', // または "legacy"
+        api: 'modern-compiler', // または "modern", "legacy"
         importers: [
           // ...
         ],

guide/features.md

@@ -257,7 +257,7 @@ Vite は最新のブラウザーのみを対象としているため、CSSWG ド
 
 ```bash
 # .scss and .sass
-npm add -D sass
+npm add -D sass-embedded # または sass
 
 # .less
 npm add -D less