fix: remove zwsp unicode usage across themes

packages/core/scss/components/calendar/_layout.scss

@@ -356,7 +356,7 @@
                 display: block;
                 position: absolute;
                 inset-block-end: 0;
-                content: "\200b";
+                content: "";
                 height: 0;
                 line-height: 0;
                 z-index: k-z-index("base", 1);
@@ -395,7 +395,7 @@
         &::after {
             display: block;
             position: absolute;
-            content: "\200b";
+            content: "";
             height: 0;
             line-height: 0;
             z-index: k-z-index("base", 1);

packages/core/scss/components/checkbox/_layout.scss

@@ -2,6 +2,7 @@
 @use "../../mixins/index.import.scss" as *;
 @use "../../spacing/index.import.scss" as *;
 @use "../../z-index/index.import.scss" as *;
+@use "../../typography/index.import.scss" as *;
 @use "../../_variables.scss" as *;
 @use "./_variables.scss" as *;
 
@@ -99,8 +100,9 @@
         position: relative;
 
         &::before {
-            content: "\200b";
-            width: 0px;
+            content: "";
+            width: 0;
+            height: $kendo-line-height-em;
             overflow: hidden;
             flex: none;
             display: inline-block;

packages/core/scss/components/dropdowntree/_layout.scss

@@ -1,4 +1,5 @@
 @use "./variables.scss" as *;
+@use "../../typography/index.import.scss" as *;
 
 @mixin kendo-dropdown-tree--layout-base() {
 
@@ -27,8 +28,9 @@
         }
 
         .k-input-inner::before {
-            content: "\200b";
-            width: 0px;
+            content: "";
+            width: 0;
+            height: $kendo-line-height-em;
             overflow: hidden;
             flex: none;
             display: inline-block;

packages/core/scss/components/gantt/_layout.scss

@@ -415,7 +415,7 @@
             position: relative;
             vertical-align: middle;
         }
-        td::after { content: "\200b"; }
+        td::after { content: ""; }
     }
 
     .k-task-wrap {

packages/core/scss/components/icons/_layout.scss

@@ -1,4 +1,5 @@
 @use "./_variables.scss" as *;
+@use "../../typography/index.import.scss" as *;
 
 @use "@progress/kendo-svg-icons/scss/index.scss" as * with (
     $ki-icon-size: $kendo-icon-size
@@ -20,8 +21,9 @@
         position: relative;
 
         &::before {
-            content: "\200b";
+            content: "";
             width: 0;
+            height: $kendo-line-height-em;
             overflow: hidden;
             flex: none;
             display: inline-block;

packages/core/scss/components/input/_layout.scss

@@ -1,6 +1,7 @@
 @use "sass:map";
 @use "../../mixins/index.import.scss" as *;
 @use "../../color-system/_constants.scss" as *;
+@use "../../typography/index.import.scss" as *;
 @use "../../_variables.scss" as *;
 @use "./_variables.scss" as *;
 @use "../icons/_variables.scss" as *;
@@ -129,24 +130,22 @@
 
 
     // Input value
-    .k-input-value-icon {
-        flex: none;
-    }
+    // Input value
     .k-input-value-text {
         flex: 1;
         overflow: hidden;
         text-overflow: ellipsis;
-    }
-    .k-input-value-text::before {
-        content: "\200b";
-        width: 0px;
-        overflow: hidden;
-        flex: none;
-        display: inline-block;
-        vertical-align: top;
-    }
-
 
+        &::before {
+            content: "";
+            width: 0;
+            height: $kendo-line-height-em;
+            overflow: hidden;
+            flex: none;
+            display: inline-block;
+            vertical-align: top;
+        }
+    }
     // Input multiple values
     .k-input-values {
         min-width: 0px;

packages/core/scss/components/list/_layout.scss

@@ -1,6 +1,7 @@
 
 @use "./_variables.scss" as *;
 @use "../icons/_variables.scss" as *;
+@use "../../typography/index.import.scss" as *;
 @use "sass:map";
 
 @mixin kendo-list--layout-base() {
@@ -123,8 +124,9 @@
     .k-list-header-text,
     .k-list-optionlabel {
         &::before {
-            content: "\200b";
-            width: 0px;
+            content: "";
+            width: 0;
+            height: $kendo-line-height-em;
             overflow: hidden;
         }
     }

packages/core/scss/components/radio/_layout.scss

@@ -2,6 +2,7 @@
 @use "../../mixins/index.import.scss" as *;
 @use "../../spacing/index.import.scss" as *;
 @use "../../z-index/index.import.scss" as *;
+@use "../../typography/index.import.scss" as *;
 @use "../../_variables.scss" as *;
 @use "./variables.scss" as *;
 
@@ -93,8 +94,9 @@
         position: relative;
 
         &::before {
-            content: "\200b";
-            width: 0px;
+            content: "";
+            width: 0;
+            height: $kendo-line-height-em;
             overflow: hidden;
             flex: none;
             display: inline-block;

packages/core/scss/components/skeleton/_layout.scss

@@ -1,5 +1,6 @@
 
 @use "./_variables.scss" as *;
+@use "../../typography/index.import.scss" as *;
 
 @mixin kendo-skeleton--layout-base() {
 
@@ -12,7 +13,9 @@
         transform: $kendo-skeleton-text-transform;
 
         &:empty::before {
-            content: "\200b";
+            content: "";
+            display: inline-block;
+            height: $kendo-line-height-em;
         }
     }
 

packages/core/scss/components/table/_layout.scss

@@ -140,9 +140,9 @@
             position: sticky;
 
             &::before {
-                content: "\200b";
-                padding-block: $kendo-table-md-cell-padding-y;
-                padding-inline: 0;
+                content: "";
+                height: calc( #{$kendo-table-md-cell-padding-y} * 2 );
+                min-height: 1em;
                 width: 0;
                 display: block;
                 overflow: hidden;

packages/core/scss/components/timeselector/_layout.scss

@@ -119,7 +119,7 @@
             &::before,
             &::after {
                 display: block;
-                content: "\200b";
+                content: "";
                 position: absolute;
                 width: 100%;
                 inset-inline-start: 0;
@@ -156,7 +156,7 @@
         &::after {
             display: block;
             position: absolute;
-            content: "\200b";
+            content: "";
             height: 0;
             line-height: 0;
             z-index: k-z-index("base", 1);

packages/core/scss/components/window/_layout.scss

@@ -1,6 +1,7 @@
 @use "sass:list";
 @use "../../mixins/index.import.scss" as *;
 @use "../../color-system/_constants.scss" as *;
+@use "../../typography/index.import.scss" as *;
 @use "../../z-index/index.import.scss" as *;
 @use "./variables.scss" as *;
 
@@ -76,7 +77,9 @@
         flex: 1;
 
         &:empty::before {
-            content: "\200b";
+            content: "";
+            display: inline-block;
+            height: $kendo-line-height-em;
         }
     }