[Vue3] SCSS 버전 에러

warning이라 관계 없긴 하지만,

큰 사이트도 아니고…

작은 사이즈의 사이트 terminal에 계속 뜨는 warning이

신경 쓰여 해결해 보았다.

Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 128, column 2 of file:///C:/Users/Lee/Desktop/%EC%8B%A0%EB%AA%85%ED%99%94/project/pass/src/assets/css/default/mixin.scss:128:2:
Sass's behavior for declarations that appear after nested
rules will be changing to match the behavior specified by CSS in an upcoming
version. To keep the existing behavior, move the declaration above the nested
rule. To opt into the new behavior, wrap the declaration in `& {}`.

More info: <https://sass-lang.com/d/mixed-decls>

128 |   #{$property}: setColor($color) #{if($important, "!important", "")};

 

해당 warning 의 경우는 sass 버전의 문제로,

버전을 내리는 방법을 사용해보았다.

 

1.78.0 → 1.53.0

 

 

 

warning 없는 깔끔한 terminal 완성.

출처 : https://github.com/element-plus/element-plus/issues/17520