fix(ui-heading): ai heading won't show up on print

INSTUI-4691

Author: HerrTopi

packages/ui-heading/src/Heading/styles.ts

@@ -153,7 +153,11 @@ const generateStyle = (
       background: `
         linear-gradient(to bottom, ${componentTheme.aiTextTopGradientColor} 0%, ${componentTheme.aiTextBottomGradientColor} 100%) text`,
       border: 'solid transparent',
-      WebkitTextFillColor: 'transparent'
+      WebkitTextFillColor: 'transparent',
+      '@media print': {
+        background: 'transparent',
+        WebkitTextFillColor: 'unset'
+      }
     }
   }
 
@@ -208,6 +212,10 @@ const generateStyle = (
         linear-gradient(to bottom, ${componentTheme.aiTextTopGradientColor} 0%, ${componentTheme.aiTextBottomGradientColor} 100%) text`,
       border: 'solid transparent',
       WebkitTextFillColor: 'transparent',
+      '@media print': {
+        background: 'transparent',
+        WebkitTextFillColor: 'unset'
+      },
       paddingRight: '.25rem'
     },
     igniteAIStacked: {