title: Sass Error: can't find stylesheet to import when @use-ing MDC Web's button using Gulp
body: <p>I have these two lines of code in my <code>main.scss</code> as required by the <a href="https://material.io/components/buttons/web#using-buttons" rel="nofollow noreferrer">MDC Web's docs</a>.</p>
  <pre><code>@use &quot;@material/button&quot;;
  @include button.core-styles;
  </code></pre>
  <p>Then, I have this Gulp task to convert my <code>main.scss</code> file to a single <code>build.css</code> file. My <code>main.scss</code> file compiles just fine when I remove the two lines above.</p>
  <p>The error I am getting is the following.</p>
  <pre><code>Message:
      src\styles\main.scss
  Error: Can't find stylesheet to import.
    ╷
  1 │ @use &quot;@material/button&quot;;
    │ ^^^^^^^^^^^^^^^^^^^^^^^
  </code></pre>
  <p>My Gulp task is the following.</p>
  <pre><code>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());
  });
  </code></pre>
  <p>I am using <code>gulp-dart-sass</code> to compile the <code>.scss</code> files. How can I fix the error?</p>