🚨 Fix SCSS Lint issues - Change @import to @use

[balajis-qb]

Description

This PR updates SCSS files to replace deprecated @import statements with @use. The @use rule improves modularity, enhances namspace management, and aligns with modern SCSS standards.

Changes

• Replaced @import statements with @use
• Updated variable and mixin references as needed to accommodate @use namespaces.

Contribution checklist

• I have followed the contributing guidelines.
• I have formatted my code with Prettier and checked for linting issues with ESLint for code readability.