Update CSS text variables

src/assets/css/src/0.2.variables.css

@@ -39,10 +39,10 @@
   --space-2xl: 2rem;   /* 32px */
 
   /* Type scale */
-  --text-sm: 0.75rem;   /* 12px */
-  --text-md: 0.875rem;  /* 14px */
-  --text-lg: 0.9375rem; /* 16px */
-  --text-xl: 1.5rem;    /* 24px */
+  --text-xs: .75rem;  /* 12px */
+  --text-sm: .875rem; /* 14px */
+  --text-md: 1rem;     /* 16px */
+  --text-lg: 1.5rem;   /* 24px */
 
   /* Leading */
   --leading-none: 1;

src/assets/css/src/2.blocks.button.css

@@ -9,7 +9,7 @@
   padding: var(--space-md) var(--space-lg);
   text-align: center;
   text-decoration: none;
-  font-size: var(--text-md);
+  font-size: var(--text-sm);
   line-height: var(--leading-md);
   font-weight: 500;
   border-radius: var(--rounded-md);

src/assets/css/src/2.blocks.pill.css

@@ -8,7 +8,7 @@
   padding: var(--space-xs) var(--space-md);
   text-align: center;
   text-decoration: none;
-  font-size: var(--text-md);
+  font-size: var(--text-sm);
   font-weight: 500;
   border-radius: var(--rounded-full);
   background-color: var(--background, var(--color-primary-100));

src/assets/css/src/3.utilities.text.css

@@ -21,22 +21,17 @@
 
 /* Font sizes */
 
-.text-sm { 
-  font-size: 1rem;
-  font-size: var(--text-sm);
-  line-height: 1.5; /* 24px */
-}
-.text-md {
-  font-size: var(--text-md);
+.text-sm {
+  font-size: var(--text-sm); /* 14px */
   line-height: 1.4285714286; /* 20px */
 }
-.text-lg { 
-  font-size: var(--text-lg);
+.text-md {
+  font-size: var(--text-md); /* 16px */
   line-height: 1.5; /* 24px */
 }
-.text-xl {
-  font-size: var(--text-xl);
-  line-height: 1.111;
+.text-lg { 
+  font-size: var(--text-lg); /* 24px */
+  line-height: 1.5; /* 36px */
 }