Sass 최근판과 Bootstrap v5.3.x을 같이 쓸 때 나타나는 성가신 사용 중단 경고(Deprecation Warnings) 정리.

• mixed-decls → Bootstrap v5.3.4에서 고침
• color-functions → v5에서 고치기는 어렵다고 함.
• global-builtin → color-functions과 마찬가지.

그 밖에 Bootstrap이 대응하지 못하는 Sass Breaking Changes는 하위 호환을 위해 v5에서는 그대로 남겨둘 가능성이 크다.

경고가 성가실 때 쓰라고 Sass는 quiteDeps와 silenceDeprecations 옵션을 제공한다.

vite 프로젝트에서 이를 설정한 보기

const config = {
  vite: {
    css: {
      preprocessorOptions: {
        scss: {
          quietDeps: true,
          silenceDeprecations: [ 'global-builtin' ],
        },
      },
    },
  }
};

참고로 quietDeps: boolean 옵션은 의존하는 패키지의 경고만 무시하니까 내 코드의 경고는 그대로 뜬다. 이 때 silenceDeprecations를 써서 더 쎄개 무시해도 되겠지만, 차라리 코드를 고치는게 낫겠지.