Clean up css

Author: jonrohan

packages/react/src/Heading/Heading.module.css

@@ -2,16 +2,16 @@
   margin: 0;
   font-size: var(--text-title-size-large);
   font-weight: var(--base-text-weight-semibold);
-}
 
-.Heading:where([data-variant='large']) {
-  font: var(--text-title-shorthand-large);
-}
+  &[data-variant='large'] {
+    font: var(--text-title-shorthand-large);
+  }
 
-.Heading:where([data-variant='medium']) {
-  font: var(--text-title-shorthand-medium);
-}
+  &[data-variant='medium'] {
+    font: var(--text-title-shorthand-medium);
+  }
 
-.Heading:where([data-variant='small']) {
-  font: var(--text-title-shorthand-small);
+  &[data-variant='small'] {
+    font: var(--text-title-shorthand-small);
+  }
 }