re-add removed functionality due to SyntaxHighlighter2 error

code/ui/components/src/typography/typography.stories.mdx

@@ -12,6 +12,20 @@ export const sampleText =
 
 ## Sans-serif
 
+```
+font-family:
+  "Nunito Sans",
+  -apple-system,
+  ".SFNSText-Regular",
+  "San Francisco",
+  BlinkMacSystemFont,
+  "Segoe UI",
+  "Helvetica Neue",
+  Helvetica,
+  Arial,
+  sans-serif;
+```
+
 <Typeset
   fontFamily={typography.fonts.base}
   fontSizes={fontSizes}
@@ -33,7 +47,19 @@ export const sampleText =
 
 ## Monospace
 
-Currently not working
+```
+font-family:
+  ui-monospace,
+  Menlo,
+  Monaco,
+  "Roboto Mono",
+  "Oxygen Mono",
+  "Ubuntu Monospace",
+  "Source Code Pro",
+  "Droid Sans Mono",
+  "Courier New",
+  monospace;
+```
 
 <Typeset
   fontFamily={typography.fonts.mono}