Regarding the issue that variables cannot be obtained using @forward in CSS preprocessor Sass

I defined variables in the variables.scss file, and then referenced these variables in the sidebar.scss file, but I can't access them. Can someone tell me what's going on.

//variables.scss @use 'sass:meta'; $theme:light !default; $style: ( light:( theme-border-color: #eaebf1, theme-hover-color: rgba(241,241,244,0.8), ), dark:( theme-border-color: red, theme-hover-color: black, ) ); //sidebar.scss @forward '@/assets/style/variables.scss' with ($theme:light !default); @use '@/assets/style/variables.scss' as *; @use 'sass:map'; .menu-left { width: 80px; height: 100vh; position: relative; user-select: none; border-right: 1px solid map.get(map.get($style , $theme), 'theme-border-color'); }

and then ,The Sass compiler will report an error