Consolidate font sizes and line heights in annotator as SASS variables

src/styles/annotator/adder.scss

@@ -109,9 +109,9 @@ $adder-transition-duration: 80ms;
   align-items: center;
   border: none;
   cursor: pointer;
-  font-size: 12px;
+  font-size: var.$annotator-adder-font-size;
   font-family: sans-serif;
-  line-height: 1em;
+  line-height: var.$annotator-adder-line-height;
 
   padding: 10px;
   padding-bottom: 7px;

src/styles/annotator/annotator.scss

@@ -12,7 +12,6 @@
 @use './bucket-bar';
 @use './highlights';
 
-$annotator-font-size: 14px;
 $sidebar-collapse-transition-time: 150ms;
 
 // Sidebar
@@ -35,8 +34,8 @@ $sidebar-collapse-transition-time: 150ms;
   user-select: none;
   direction: ltr;
   background: none;
-  font-size: $annotator-font-size;
-  line-height: var.$base-line-height;
+  font-size: var.$annotator-base-font-size;
+  line-height: var.$annotator-base-line-height;
   height: 100%;
   position: fixed;
   top: 0;

src/styles/annotator/bucket-bar.scss

@@ -37,8 +37,8 @@
       color: var.$color-text-light;
       font-weight: bold;
       font-family: var.$sans-font-family;
-      font-size: 10px;
-      line-height: 14px;
+      font-size: var.$annotator-bucket-bar-font-size;
+      line-height: var.$annotator-bucket-bar-line-height;
       margin: 0 auto;
     }
 

src/styles/variables.scss

@@ -84,6 +84,18 @@ $normal-line-height: 17px;
 $small-font-size: 11px;
 $small-line-height: 12px;
 
+// Transitional Typography (Temporary)
+// -----------------------------------
+
+$annotator-base-font-size: 14px;
+$annotator-base-line-height: 20px;
+
+$annotator-adder-font-size: 12px;
+$annotator-adder-line-height: 1em;
+
+$annotator-bucket-bar-font-size: 10px;
+$annotator-bucket-bar-line-height: 14px;
+
 // Minimum font size for <input> fields on iOS. If the font size is smaller than
 // this, iOS will zoom into the field when focused.
 $touch-input-font-size: 16px;