老项目从ElementPlus从beta版本升级到2.2.17，本地启动正常，打包的时候报错，提示

Error: CSS minification error: Lexical error on line 1: Unrecognized text.
  Erroneous area:
1: var( --el-input-height, 32px ) - $border-width * 2
^...................................^. File: css/app.11f79806.css
Error: CSS minification error: Lexical error on line 1: Unrecognized text.

我搜了下网上说这个是因为变量要放在calc()里面,但是这个代码是element-plus里的

@include e(inner) {
        @include set-css-var-value(
          'input-inner-height',
          calc(
            var(
                #{getCssVarName('input-height')},
                #{map.get($input-height, $size)}
              ) - $border-width * 2
          )
        );
      }
    }

而且看上去是正常的，为什么会报错呢，有没有大神帮忙看下

使用变量时以如下方式使用:
scss的calc中的变量使用方式 需要以 #{变量名} 的方式使用

     var(
                #{getCssVarName('input-height')},
                #{map.get($input-height, $size)}
              ) - #{$border}-width * 2

楼上的代码和你的不一样，这块也要处理呢

回答