fix: adjust font loading

Author: annavik

ui/src/design-system/variables/typography.scss

@@ -1,7 +1,7 @@
 @import 'src/design-system/variables/variables.scss';
 
 @mixin heading-6 {
-  font-family: 'Mazzard';
+  font-family: 'Mazzard', sans-serif;
   font-style: normal;
   font-weight: 600;
   font-size: 20px;
@@ -14,7 +14,7 @@
 }
 
 @mixin heading-5 {
-  font-family: 'Mazzard';
+  font-family: 'Mazzard', sans-serif;
   font-style: normal;
   font-weight: 600;
   font-size: 24px;
@@ -28,7 +28,7 @@
 }
 
 @mixin heading-4-italic {
-  font-family: 'Mazzard';
+  font-family: 'Mazzard', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 28px;
@@ -42,39 +42,39 @@
 }
 
 @mixin paragraph-xx-small {
-  font-family: 'Mazzard';
+  font-family: 'Mazzard', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 10px;
   line-height: 16px;
 }
 
 @mixin paragraph-x-small {
-  font-family: 'Mazzard';
+  font-family: 'Mazzard', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 12px;
   line-height: 16px;
 }
 
 @mixin paragraph-small {
-  font-family: 'Mazzard';
+  font-family: 'Mazzard', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 14px;
   line-height: 20px;
 }
 
 @mixin paragraph-medium {
-  font-family: 'Mazzard';
+  font-family: 'Mazzard', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
   line-height: 22px;
 }
 
 @mixin paragraph-large {
-  font-family: 'Mazzard';
+  font-family: 'Mazzard', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 18px;
@@ -83,7 +83,7 @@
 
 // Not present in Figma
 @mixin label {
-  font-family: 'Mazzard';
+  font-family: 'Mazzard', sans-serif;
   font-style: normal;
   font-weight: 600;
   font-size: 12px;