[Nuxt3] Deprecation Warning [user-authored]: The legacy JS API is deprecated ... Sass 2.0.0. 경고 해결

갑자기 찾아온 경고문😦

길었던 레거시 프로젝트 리뉴얼을 끝내고 여유롭게 오랫동안 업데이트하지 않았던 패키지들을 업데이트(버전 업)하고 개발 서버를 시작했는데

Deprecation Warning [user-authored]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0. More info: https://sass-lang.com/d/legacy-js-api

위의 경고문이 발생했습니다... ( 경고문 댕 찝찝 )

경고문 지우기🧐👏

결론부터 이야기하자면 nuxt.config.ts에 간단하게 설정하나만 해주면 됩니다.

export default defineNuxtConfig({
   vite: {
      css: {
      	preprocessorOptions: {
          scss: {
            api: 'modern'
        }
      }
    }
   }
})

마무리하며😗

sass 공홈에 가보니 아래와 같은 내용이 있었습니다.

향후에 Legacy JS API가 deprecated 될 것을 미리 경고해준듯 하네요.