fix: upgrade svgo to latest version and make sure the comman uses recursive flag to traverse all files

.editorconfig

@@ -1,6 +1,6 @@
 # EditorConfig is awesome: http://EditorConfig.org
 
-root = true;
+root = true
 
 [*]
 #  Ensure there's no lingering whitespace

package.json

@@ -44,7 +44,7 @@
     "@storybook/manager-api": "^8.3.6",
     "@storybook/react-webpack5": "^8.3.6",
     "@storybook/theming": "^8.3.6",
-    "@svgr/cli": "5.5.0",
+    "@svgr/cli": "^8.1.0",
     "@testing-library/dom": "^8.11.1",
     "@testing-library/jest-dom": "^5.16.1",
     "@testing-library/react": "15.0.6",
@@ -88,7 +88,7 @@
     "react-test-renderer": "18.3.1",
     "storybook": "^8.3.6",
     "style-loader": "^4.0.0",
-    "svgo": "^1.3.2",
+    "svgo": "^3.3.2",
     "syncpack": "^10.9.3",
     "ts-jest": "29.1.1",
     "ts-node": "10.9.1",

packages/gamut-icons/package.json

@@ -25,7 +25,7 @@
   "repository": "git@github.com:Codecademy/gamut.git",
   "scripts": {
     "build": "nx build @codecademy/gamut-icons",
-    "format": "svgo -f ./src/svg --pretty --config=.svgo.yml"
+    "format": "svgo -rf ./src/svg --pretty --config=svgo.config.mjs"
   },
   "sideEffects": false,
   "types": "dist/index.d.ts"