⬆️ Upgrade to TS 5.3

package.json

@@ -79,7 +79,7 @@
     "sass": "^1.57.1",
     "storybook": "^7.6.14",
     "style-dictionary": "^3.7.2",
-    "typescript": "^4.9.4",
+    "typescript": "^5.3.3",
     "webpack": "^5.75.0"
   },
   "peerDependencies": {

src/TokenEditor.tsx

@@ -69,22 +69,21 @@ const reducer = (state: TokenEditorState, action: ReducerAction): TokenEditorSta
 };
 
 const toStyleDictValues = (values: ValueMap): StyleDictValueMap => {
-  let styleDictValues = {} satisfies StyleDictValueMap;
+  let styleDictValues: StyleDictValueMap = {};
 
   values.forEach((value, tokenPathBits) => {
     if (value === '') return;
 
-    let parent = styleDictValues;
-
     // deep assign for each bit in tokenPathBits
+    let parent = styleDictValues;
     for (const bit of tokenPathBits) {
       if (!parent[bit]) {
         parent[bit] = {};
       }
-      parent = parent[bit];
+      // a lie for the last iteration, but we correct it later
+      parent = parent[bit] as StyleDictValueMap;
     }
-
-    (parent as StyleDictValue).value = value;
+    (parent as unknown as StyleDictValue).value = value;
   });
 
   return styleDictValues;

src/TokenFilter.tsx

@@ -102,7 +102,7 @@ export const applyFilters = (
 ): DesignTokenContainer => {
   if (!filterEnabled) return container;
 
-  const filteredContainer = {};
+  const filteredContainer: TopLevelContainer = {};
   Object.entries(container).forEach(([key, nested]) => {
     if (key === '$extensions') {
       filteredContainer[key] = nested;

tsconfig.json

@@ -14,7 +14,6 @@
     "noImplicitThis": true,
     "noImplicitAny": true,
     "strictNullChecks": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true
   },
   "include": ["src"],