fix: icons are not displayed in vite.js projects (T1307744) (#31860) (#31894)

Author: VasilyStrelyaev

…treme-scss/scss/widgets/base/_icons.scss …-scss/scss/widgets/base/_icon_fonts.scsspackages/devextreme-scss/scss/widgets/base/_icons.scss renamed to packages/devextreme-scss/scss/widgets/base/_icon_fonts.scss packages/devextreme-scss/scss/widgets/base/_icons.scss renamed to packages/devextreme-scss/scss/widgets/base/_icon_fonts.scss

@@ -1,4 +1,4 @@
-@use "../icons" as *;
+@use "../icon_fonts" as *;
 
 @mixin dx-button-disabled() {
   cursor: default;

packages/devextreme-scss/scss/widgets/base/button/_mixins.scss

@@ -1,4 +1,4 @@
-@use "../../../icons" as *;
+@use "../../../icon_fonts" as *;
 
 @mixin chat-alertlist(
   $error-color,

packages/devextreme-scss/scss/widgets/base/chat/layout/chat-alertlist/_mixins.scss

@@ -1,4 +1,4 @@
-@use "../../../icons" as *;
+@use "../../../icon_fonts" as *;
 
 .dx-chat-messagelist {
   flex-grow: 1;

packages/devextreme-scss/scss/widgets/base/chat/layout/chat-messagelist/_index.scss

@@ -1,5 +1,5 @@
 @use "sass:math";
-@use "../icons" as *;
+@use "../icon_fonts" as *;
 
 @mixin dx-checkbox-icon-centered(
   $icon-height,

packages/devextreme-scss/scss/widgets/base/checkBox/_mixins.scss

@@ -13,7 +13,7 @@ $datagrid-text-stub-background-image-path: null !default;
 
 @use "sass:color";
 @use "../mixins" as *;
-@use "../icons" as *;
+@use "../icon_fonts" as *;
 @use "./common";
 @use "./variables" as *;
 

packages/devextreme-scss/scss/widgets/base/dataGrid/_index.scss

@@ -1,4 +1,4 @@
-@use "../icons" as *;
+@use "../icon_fonts" as *;
 
 @mixin invalid-dropdowneditor-input-padding(
   $invalid-badge-size,

packages/devextreme-scss/scss/widgets/base/dropDownEditor/_mixins.scss

@@ -21,7 +21,7 @@ $filterbuilder-remove-icon-hover-color: null !default;
 $filterbuilder-remove-icon-focus-color: null !default;
 $filterbuilder-menu-icon-color: null !default;
 
-@use "../icons" as *;
+@use "../icon_fonts" as *;
 @use "./common";
 
 .dx-filterbuilder {

packages/devextreme-scss/scss/widgets/base/filterBuilder/_index.scss

@@ -1,4 +1,4 @@
-@use "../icons" as *;
+@use "../icon_fonts" as *;
 
 @mixin dx-lookup-arrow(
   $spin-icon-glyph,

packages/devextreme-scss/scss/widgets/base/lookup/_mixins.scss

@@ -20,7 +20,7 @@ $pivotgrid-empty-area-text-padding: null !default;
 $pivotgrid-button-top-padding: null !default;
 
 @use "../mixins" as *;
-@use "../icons" as *;
+@use "../icon_fonts" as *;
 @use "./common";
 
 $pivotgrid-drag-header-border: 1px solid $pivotgrid-drag-header-border-color;