Prepare for Dart Sass 3.0.0 – Resolve Deprecations

[krishana7911]

Description

Dart Sass 3.0.0 will introduce breaking changes by removing deprecated features. While we still have time, our build commands already show deprecation warnings, meaning we need to fix them before the release to prevent potential breakages.

Impact

• Future updates (v3.x.x) to Dart Sass will break our styles if these issues are unresolved.
• Deprecation warnings are already visible in the build process.

Reference

• https://sass-lang.com/documentation/breaking-changes/import/

Next Steps

• Identify and fix all deprecated Sass features in our codebase.
• Replace @import with @use and @forward.
• Update division operations (/) to use math.div().
• The .length property on lists is deprecated; we should use list.length() instead.
• Ensure proper scoping for variables and mixins.
• Check for other deprecated functions & syntax
  • Update any deprecated functions (like unquote(), which should be replaced with quote()).
  • Review any third-party dependencies that rely on outdated Sass syntax.

cc: @Pradeep1308