feat: migrate kendo-icons to dart-sass module system

BREAKING CHANGE

Starting with the R4 2024 release the Kendo Font and SVG icons are now
migrated to the SASS module system. This breaking change is due to the
`node-sass` package reaching its official end of life.

For more information, please refer to the following links:

* https://sass-lang.com/blog/the-module-system-is-launched/
* sass/node-sass@107ded9

packages/font-icons/scss/_variables.scss

@@ -1,3 +1,5 @@
+@use "./_font.scss" as *;
+
 $ki-font-family: "WebComponentsIcons" !default;
 $ki-icon-size: 16px !default;
 

packages/font-icons/scss/all.scss

@@ -1,3 +1,4 @@
-@import "index.scss";
+@forward "index.scss";
+@use "index.scss" as *;
 
 @include kendo-font-icon-styles();

packages/font-icons/scss/index.scss

@@ -1,6 +1,8 @@
-@import "_font.scss";
-@import "_variables.scss";
-@import "_icon-list.scss";
+@forward "_variables.scss";
+
+@use "_font.scss" as *;
+@use "_variables.scss" as *;
+@use "_icon-list.scss" as *;
 
 @mixin kendo-font-icon-styles() {
 

packages/svg-icons/scss/all.scss

@@ -1,3 +1,4 @@
-@import "index.scss";
+@forward "index.scss";
+@use "index.scss" as *;
 
 @include kendo-svg-icon-styles();

packages/svg-icons/scss/index.scss

@@ -1,4 +1,5 @@
-@import "_variables.scss";
+@forward "_variables.scss";
+@use "_variables.scss" as *;
 
 @mixin kendo-svg-icon-styles() {
 
@@ -51,7 +52,7 @@
             height: $ki-icon-size-xxxl;
         }
     }
-    
+
 
     // Flip
     .k-flip-h,