🔧 Replace Deprecated @import With @use Across SCSS Files

[cristiantela]

Description

Type of Change

• • Bugfix
• • Feature
• • Code style update (formatting, local variables)
• • Refactoring (no functional changes, no api changes)
• • Tests
• • Other

Motivation and Context

Dart Sass is deprecating the @import rule and the legacy JS API, both of which will be removed in future major versions. This change addresses both deprecation warnings to keep the project aligned with modern Sass standards and avoid breaking changes in upcoming Sass releases.

Summary of Changes

• Replaced all @import rules in .scss component files with @use ... as * to comply with the Dart Sass module system
• Removed redundant per-file @import '@/styles/variables.scss' imports since variables are already injected globally via additionalData in the Vite config
• Updated vite.config.js and vite.config.standalone.js to use api: 'modern-compiler' in the Sass preprocessor options, replacing the legacy JS API
• Updated additionalData in both Vite configs to use @use instead of @import for the globally injected variables.scss