sass - 使用 CSS 模块时，为什么在全局上下文中会失败？

Question

核心.scss

:global {

  $color-white: #fff;
  $color-primary: #6d5cae;
  $color-black: #000;
  $mix-percentage-dark: 81%;

  @mixin button($text-color, $background-color, $border-color) {
    .open .dropdown-toggle#{&} {
      background-color: mix($background-color, $color-black, $mix-percentage-dark);
      border-color: mix($background-color, $color-black, $mix-percentage-dark);
      color: $text-color;
    }
  }

  .btn-primary {
    @include button($color-white, $color-primary, $color-primary);
  }

}

WebPack 配置：

webpackConfig.module.loaders.push({
  test: /\.scss$/,
  include: cssModulesRegex,
  loaders: [
    'style?sourceMap',
    'css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss-loader',
    'resolve-url',
    'sass?sourceMap'
  ]
})

错误：

模块构建失败：CssSyntaxError: postcss-modules-local-by-default: src/styles/core.scss:1:0: Missing whitespace before :global :global {