reduce css bundle size, but fixing multiplying typography styles for …

…each index usage

uui-build/config/bundleSizeBaseLine.json

@@ -1,62 +1,62 @@
 {
-  "version": "5.12.1",
-  "timestamp": "2025-01-23",
+  "version": "5.13.1",
+  "timestamp": "2025-02-17",
   "sizes": {
     "templateApp": {
-      "css": 311983,
-      "js": 483984
+      "css": 219125,
+      "js": 478145
     },
     "@epam/app": {
-      "css": 740378,
-      "js": 5298399
+      "css": 682862,
+      "js": 5246832
     },
     "@epam/draft-rte": {
-      "css": 9770,
-      "js": 44414
+      "css": 9789,
+      "js": 44422
     },
     "@epam/electric": {
       "css": 2275,
       "js": 2416
     },
     "@epam/promo": {
-      "css": 47375,
+      "css": 47514,
       "js": 9133
     },
     "@epam/uui-extra": {
       "css": 0,
       "js": 213
     },
     "@epam/loveship": {
-      "css": 53354,
-      "js": 39142
+      "css": 53485,
+      "js": 39146
     },
     "@epam/uui-components": {
-      "css": 22657,
-      "js": 237412
+      "css": 22666,
+      "js": 237103
     },
     "@epam/uui-core": {
       "css": 0,
-      "js": 324491
+      "js": 325160
     },
     "@epam/uui-db": {
       "css": 0,
       "js": 42633
     },
     "@epam/uui-docs": {
-      "css": 2455,
-      "js": 177544
+      "css": 2503,
+      "js": 177197
     },
     "@epam/uui-editor": {
-      "css": 12741,
-      "js": 164994
+      "css": 12753,
+      "js": 165074
     },
     "@epam/uui-timeline": {
-      "css": 2203,
-      "js": 75109
+      "css": 2199,
+      "js": 75105
     },
     "@epam/uui": {
-      "css": 286605,
-      "js": 336402
+      "css": 179518,
+      "js": 313581
     }
   }
 }

uui/assets/styles/helpers.scss

@@ -0,0 +1,4 @@
+@mixin overflow-ellipsis() {
+    overflow: hidden;
+    text-overflow: ellipsis;
+}

uui/assets/styles/index.scss

@@ -1,5 +1,6 @@
 @forward 'clickable';
 @forward 'effects';
 @forward 'inputs';
-@forward 'typography';
+@forward 'helpers';
+//@forward 'typography'; don't include typography into index, since it will insert typography styles for each index import
 @forward 'dnd';

uui/assets/styles/typography.scss

@@ -1,10 +1,5 @@
 @use  '../../assets/styles/effects' as *;
 
-@mixin overflow-ellipsis() {
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
 @mixin typography-elements {
     .hero-header, h1, h2, h3, h4, h5, h6 {
         margin: 0;