css - Sass エラー: Gulp を使用して MDC Web のボタンを @use-ing するときに、インポートするスタイルシートが見つかりません

Question

MDC Web の docsmain.scssで要求されているように、これらの 2 行のコードが含まれています。

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

次に、main.scssファイルを単一のbuild.cssファイルに変換するこの Gulp タスクがあります。上記のmain.scss2 行を削除すると、ファイルは正常にコンパイルされます。

私が得ているエラーは次のとおりです。

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

私のGulpタスクは次のとおりです。

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ます。エラーを修正するにはどうすればよいですか?