fix: safari has a slight ui difference using lh and em units instead of variables

Author: dajrivera

src/themes/shared/_markdown.css

@@ -278,7 +278,9 @@
   h2 {
     --_spacing: 0.5em;
 
-    margin-bottom: calc(var(--_spacing) + (1lh - 1em));
+    margin-bottom: calc(
+      var(--_spacing) + (var(--heading-line-height) - var(--font-size-xxl))
+    );
     padding-bottom: var(--_spacing);
     border-bottom: 1px solid var(--border-color);
     font-size: var(--font-size-xxl);

src/themes/shared/_vars.css

@@ -115,7 +115,7 @@
   --form-element-color            : ;
   --heading-color                 : var(--strong-color);
   --heading-font-weight           : 600;
-  --heading-line-height           : calc(2ex + 5px);
+  --heading-line-height           : calc(2ex + 5px); /* Unit required */
   --kbd-bg                        : var(--color-mono-1);
   --kbd-border                    : 1px solid var(--color-mono-3);
   --kbd-border-radius             : 4px;