fix: set stroke width for icons globally

Author: tenphi

src/components/GlobalStyles.tsx

@@ -98,6 +98,7 @@ const GlobalStylesElement = createGlobalStyle<GlobalStylesElementProps>`
     min-width: var(--icon-size);
     min-height: var(--icon-size);
     max-height: var(--icon-size);
+    stroke-width: var(--border-width);
   }
 
   .cube-animation-spin {

src/tasty/styles/types.ts

@@ -52,7 +52,15 @@ type OpaquePercentage = '' | `.${Digit}` | `.${Digit}${Digit}` | '.100';
 export type NoType = false | null | undefined;
 
 export interface StylesInterface
-  extends Omit<CSSProperties, 'color' | 'fill' | 'font' | 'outline' | 'type'> {
+  extends Omit<
+    CSSProperties,
+    'color' | 'fill' | 'font' | 'outline' | 'type',
+    'flexDirection'
+  > {
+  /**
+   * @deprecated Use `flow` style instead.
+   */
+  flexDirection: CSSProperties['flexDirection'];
   /** Set the background color of the element.
    * ```
    * fill="#{name_of_the_color}"