SASS 内置模块错误 : Invalid CSS after

Question

我没有连接内置模块，或者我没有正确使用它们。请帮我。我使用了 gulp，但我不明白为什么会出现错误:Error: Invalid CSS after "... $height: math": expected expression (e.g. 1px, bold), was ".div($size, 2)".scss 文件

@use 'sass:math';

$height: math.div($size, 2);

gulp 文件

...
function styles() {
  return gulp
    .src("./src/scss/*.scss")
    .pipe(plumber({ errorHandler: onError }))
    .pipe(sourcemaps.init())
    .pipe(sass())
    .pipe(
      autoprefixer({
        cascade: false,
      })
    )
    .pipe(cleanCSS())
    .pipe(sourcemaps.write())
    .pipe(rename({ suffix: ".min" }))
    .pipe(gulp.dest("./dest/css"))
    .pipe(browserSync.stream())
}
...

Answer 1

我使用了 gulp-sass，而不是 gulp-dart-sass。
因为 sass:math 兼容性:从 1.23.0 开始 Dart Sass