chore(tokens): allow numbers as keys in tokens

The change ensures we're correctly transforming the dot notation to access
object properties when numbers are used as keys:
'foundations.borderRadius.50' is incorrect JavaScript;
'foundations.borderRadius["50"]' is valid JavaScript.

packages/orbit-design-tokens/src/dictionary/formatters/jsTokens.ts

@@ -117,7 +117,17 @@ const typescriptFactory = (allProperties: Dictionary["allProperties"], complete
 
       return createObjectProperty(name, `boxShadow(${boxShadowValue})`);
     }
-    return createObjectProperty(name, plainValue);
+
+    /**
+     * This ensures tokens like 'foundations.borderRadius.50'
+     * will be correctly written as 'foundations.borderRadius["50"]'
+     * and be correct JavaScript code.
+     */
+    const val =
+      typeof plainValue === "string"
+        ? plainValue.replace(/(\w+)\.(\d+)(?=\.|$)/g, '$1["$2"]')
+        : plainValue;
+    return createObjectProperty(name, val);
   });
 
   const plainTokens = createValue(tokens, "javascript");