Cuando uso webpack para importar variables de scss funciona:

 /* variable.scss*/ $red:'#123456' :export{ navibarText:$red }

y puedo importarlo y usarlo en javascript:

 import variables from '@/styles/variables.scss' console.log(variables.$navibarText)

No pude importar scss y usarlo correctamente como arriba en javascript en vite, ¿Cómo usar variables scss como $ red, $ bgColor, etc. en js con vite2 y vue?