在nuxt3中使用scss定于全局的计算属性，转rem

定义一个common.scss
第一个版本：

@charset "utf-8";
$defaultSize: 16px !default;
$font-base: 1rem;
@function rem($px){
  @return $px / $defaultSize * $font-base;
}

使用:
<style lang="scss" scoped>
@import "assets/scss/common.scss";
...
...
</style >

执行报错：
vite:css] [sass] 40.6875rem/px isn't a valid CSS value

修改后的版本:
@charset "utf-8";
$defaultSize: 16 !default;
$font-base: 1rem;
@function rem($px){
  @return calc($px / $defaultSize * $font-base);
}

主要是把这个16px改为16即可