如何阻止嵌套SCSS规则在输出CSS中展开？求编译器保留方案

目前主流浏览器已原生支持CSS嵌套语法。如果你希望使用Dart Sass编译时，将嵌套规则以符合原生CSS规范的形式保留输出（而非展开为扁平选择器），是有对应配置选项的，相关逻辑可参考Dart Sass的原生CSS嵌套提案。

输入SCSS代码： #

$r: red;
.c1 {
  .c2 { color: $r; }
}

期望输出的CSS代码： #

.c1 {
  &.c2 { color: red; }
}

实现该效果需启用Dart Sass的原生CSS嵌套兼容模式，通过指定编译选项，编译器会将原有嵌套规则转换为符合原生CSS嵌套标准的格式（自动补全必要的&选择器），同时保留嵌套结构，而非展开为传统的扁平选择器链。

内容的提问来源于stack exchange，提问作者yakunins