diff --git a/config/shared-options.md b/config/shared-options.md
index d2e6b13b..2787e8d7 100644
--- a/config/shared-options.md
+++ b/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: [
           // ...
         ],
diff --git a/guide/features.md b/guide/features.md
index 0e9092bc..0096afd5 100644
--- a/guide/features.md
+++ b/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