[FEAT] Update `@import` to `@use` in SASS

[xelaint]

:bulb: Feature request

Feature Name

Update @import to @use in SASS

The Desired Behavior

Replace all @import with @use in sass files

Your Use Case

The new @use rule is the replacement for @import which allows other stylesheets to use its variables, functions, and mixins.

One year after this deprecation goes into effect (1 October 2022 at latest): Drop support for @import and most global functions entirely. This will involve a major version release for all implementations.

Prior Work

https://sass-lang.com/blog/the-module-system-is-launched

Environment

Daffodil version: X.Y.Z
Angular version: X.Y.Z 

 
For Tooling issues:
- Node version: XX  
- Platform:  

Others: