Undefined variable error when using sass @use in vite (@import is OK)

Question

I got an Undefined variable error when i use sass @use in vite

demo is here codesandbox

I don't know what's wrong with my configuration for sass

Answer 1

You need to use @forward instead of @use to re-export variables. src/styles/index.scss

- @use "./var.scss";
+ @forward "./var.scss";