Gulp没有正确编译SASS / SCSS

Question

我在package.json文件中安装了Gulp和gulp-sass，然后编译了一些基本的SCSS。但是，当我尝试剪切/粘贴一些更复杂的SCSS文件，然后使用＆＃39; gulp sass＆＃39;它给了我这个错误：

events.js:183
      throw er; // Unhandled 'error' event
      ^
Error: sass/style.scss
Error: Undefined variable: "$fs-base".
        on line 1 of sass/style.scss
>> @mixin font-base($font-size: $fs-base, $font-weight: 300, $color: $black) {
   -----------------------------^

为什么Gulp不会编译这个SCSS？

@mixin font-base($font-size: $fs-base, $font-weight: 300, $color: $black) {
    font: {
      family: $ff-base;
      size: $font-size;
      weight: $font-weight;
    }
    color: $color;
  } 

  @mixin font-alt($font-size: $fs-base, $color: $black) {
    font: {
      family: $ff-alt;
      size: $font-size;
    }
    color: $color;
    text-transform: uppercase;
    letter-spacing: 10.3em;
  }

  // ===== Styles ===== //

  body {
    @include font-base;
    line-height: 1.6;

    display: grid;
    grid-template-columns: 1fr 5fr 2fr 1fr;

    grid-template-rows: 10em 50vh auto 10em;

  }

这是回购：Here