模块构建失败calc（〜“ 100％-48px”）

Question

我遇到以下错误：

ERROR in ./node_modules/css-loader!./node_modules/sass-loader/lib/loader.js!./css/app.scss
Module build failed: 
  min-height: calc(~"100% - 48px");
                  ^
      Invalid CSS after "...n-height: calc(": expected expression (e.g. 1px, bold), was '~"100% - 48px");'
      in /home/chris/code/elixir/shortr/assets/css/theme/_base.scss (line 1459, column 20)

在我的配置中：

  {
    test: /\.scss$/,
    use: ['style-loader', 'css-loader', 'sass-loader']
  },

似乎让~感到不高兴，但我不知道为什么要这么做。我在做什么错了？