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() {