Add utility and examples

Author: dylanatsmith

docs/content/utilities/typography.md

@@ -106,6 +106,7 @@ Change the font weight, styles, and alignment with these utilities.
 <p class="text-mono">Monospace</p>
 <p class="user-select-none">User Select None</p>
 <p class="text-capitalize">capitalize</p>
+<p class="text-tabular-nums">Tabular numbers 111</p>
 ```
 
 ## Word-break

docs/src/stories/utilities/Typography.stories.jsx

@@ -70,6 +70,7 @@ export const TypographicStyles = ({}) => (
     <p class="text-mono">Monospace</p>
     <p class="user-select-none">User Select None</p>
     <p class="text-capitalize">capitalize</p>
+    <p class="text-tabular-nums">Tabular numbers 111</p>
   </div>
 )
 

src/utilities/typography.scss

@@ -330,3 +330,8 @@
 .text-capitalize {
   text-transform: capitalize !important;
 }
+
+/* Use alternate glyphs for numbers of equal width (when font supports it) */
+.text-tabular-nums {
+  font-variant-numeric: tabular-nums !important;
+}