Vue3+Vite+TypeScript+Vuetify3 无法启用自定义SCSS变量求助

问题详情 #

• 实现目标：通过编写自定义variables.scss文件，覆盖修改Vuetify框架的默认样式配置
• 已执行操作：
  • 查阅Vuetify官方样式配置文档完成对应代码编写
  • 全量可复现项目代码已上传至StackBlitz平台，核心待排查文件路径为src/sass/variables.scss
• 故障表现：自定义的SCSS变量配置未生效，多次核对配置逻辑后仍无法定位错误点，寻求开发者协助排查解决。

内容的提问来源于stack exchange，提问作者Rafal Adam Krohne