title: SASS Built-in moules Error: Invalid CSS after
body: <p>I do not connect the built-in modules, or I do not use them correctly. Please help me. I use the gulp, and I can't understand why I have the error:</p>
  <p><code>Error: Invalid CSS after &quot;...  $height: math&quot;: expected expression (e.g. 1px, bold), was &quot;.div($size, 2)&quot;</code></p>
  <p>scss file</p>
  <pre><code>@use 'sass:math';
  
  $height: math.div($size, 2);
  </code></pre>
  <p>gulp file</p>
  <pre><code>...
  function styles() {
    return gulp
      .src(&quot;./src/scss/*.scss&quot;)
      .pipe(plumber({ errorHandler: onError }))
      .pipe(sourcemaps.init())
      .pipe(sass())
      .pipe(
        autoprefixer({
          cascade: false,
        })
      )
      .pipe(cleanCSS())
      .pipe(sourcemaps.write())
      .pipe(rename({ suffix: &quot;.min&quot; }))
      .pipe(gulp.dest(&quot;./dest/css&quot;))
      .pipe(browserSync.stream())
  }
  ...
  </code></pre>