perf: update SVGs to support new token name spec #211

This commit reverts the revert for using the new Auro design token name
spec. The revert happened due to a side-effect with auro-icon and the
customSize feature. The auro-icon element was updated to allow for more
flexibility in token use.

See AlaskaAirlines/auro-icon#95

This update includes a solution that applies a variable with a variable
fallback with a hard value fallback. The --auro token was specifically
listed first as this is an order of expectation from in-the-wild auro
elements using the legacy --auro token.

It has been verified that regardless of version of tokens a
consumer has installed, or none at all, the customSize feature will work
as expected.

Changes to be committed:
modified:   src/_icons.scss
modified:   src/data/icons.json

src/_icons.scss

@@ -41,7 +41,7 @@ $iconMap: (
 // Square large
 .ico_squareLarge {
   fill: currentColor;
-  height: $auro-size-lg;
+  height: var(--auro-size-lg, var(--ds-size-300, 1.5rem))
 }
 
 .ico_squareSmall {
@@ -52,11 +52,12 @@ $iconMap: (
 .ico_squareMed {
   fill: currentColor;
   height: $auro-size-md;
+  height: var(--auro-size-md, var(--ds-size-200, 1rem));
 }
 
 .ico_squareSml {
   fill: currentColor;
-  height: $auro-size-sm;
+  height: var(--auro-size-sm, var(--ds-size-150, 0.75rem));
 }
 
 
@@ -67,7 +68,7 @@ $iconMap: (
 .ico__classiccheckmark {
   @if (map-get($iconMap, classiccheckmark)) {
     fill: currentColor;
-    width: $auro-size-md;
+    width: var(--auro-size-md, var(--ds-size-200, 1rem));
     @warn "selector 'ico__toggleArrow' is deprecated, discontinue use.";
   }
 }

src/data/icons.json

@@ -5,8 +5,8 @@
       "color": "currentColor",
       "title": "",
       "desc": "",
-      "width": "var(--auro-size-lg)",
-      "height": "var(--auro-size-lg)",
+      "width": "var(--auro-size-lg, var(--ds-size-300, 1.5rem))",
+      "height": "var(--auro-size-lg, var(--ds-size-300, 1.5rem))",
       "xmlns": "http://www.w3.org/2000/svg",
       "xmlns_xlink": "http://www.w3.org/1999/xlink",
       "viewBox": "0 0 24 24",