根据MDC Web文档的要求，我在main.scss中有这两行代码。

@use "@material/button";
@include button.core-styles;

然后，我有一个Gulp任务，将我的main.scss文件转换为一个build.css文件。当我删除上面的两行时，我的main.scss文件编译得很好。
我得到的错误如下。

Message:
    src\styles\main.scss
Error: Can't find stylesheet to import.
  ╷
1 │ @use "@material/button";
  │ ^^^^^^^^^^^^^^^^^^^^^^^

我的吞咽任务如下。

gulp.task('css', ['clean:css'], function() {
  return gulp.src('src/styles/main.scss')
    .pipe(isDist ? through() : plumber())
    .pipe(sass().on('error', sass.logError))
    .pipe(autoprefixer({ browsers: ['last 2 versions'], cascade: false }))
    .pipe(isDist ? csso() : through())
    .pipe(rename('build.css'))
    .pipe(gulp.dest('dist/build'))
    .pipe(connect.reload());
});

我正在使用gulp-dart-sass编译.scss文件。如何修复此错误？