Chore: Bump d3-color to 3.1.0 (#61609)

* chore(d3-color): resolve all copies to 3.1.0 to fix vulnerability

* chore(yarn): fix resolution version

* chore(jest): compile d3-color from esm to cjs

* chore(d3): bump d3 to latest, set jest config to transpile es modules

* chore: bump visx packages to resolve d3-color to latest

* chore(jest): add missing es modules to config

* chore(storybook): prevent storybook config failure due to nested esm imports

* chore(storybook): use a direct path to avoid es modules breaking config build

* build(sass): use esbuild to generate sass theme vars for esm deps

* chore: clean up swc dependencies

* revert: remove debug console.log breaking tests

package.json

@@ -43,7 +43,7 @@
     "stats": "webpack --mode production --config scripts/webpack/webpack.prod.js --profile --json > compilation-stats.json",
     "storybook": "yarn workspace @grafana/ui storybook --ci",
     "storybook:build": "yarn workspace @grafana/ui storybook:build",
-    "themes:generate": "ts-node --transpile-only --project ./scripts/cli/tsconfig.json ./scripts/cli/generateSassVariableFiles.ts",
+    "themes:generate": "esbuild ./scripts/cli/generateSassVariableFiles.ts --bundle --platform=node --tsconfig=./scripts/cli/tsconfig.json | node",
     "typecheck": "tsc --noEmit && yarn run packages:typecheck",
     "plugins:build-bundled": "find plugins-bundled -name package.json -not -path '*/node_modules/*' -execdir yarn build \\;",
     "watch": "yarn start -d watch,start core:start --watchTheme",
@@ -297,8 +297,8 @@
     "@visx/event": "2.17.0",
     "@visx/gradient": "2.10.0",
     "@visx/group": "2.10.0",
-    "@visx/scale": "2.2.2",
-    "@visx/shape": "2.12.2",
+    "@visx/scale": "3.0.0",
+    "@visx/shape": "3.0.0",
     "@visx/tooltip": "2.16.0",
     "@welldone-software/why-did-you-render": "7.0.1",
     "angular": "1.8.3",
@@ -315,9 +315,9 @@
     "comlink": "4.3.1",
     "common-tags": "1.8.2",
     "core-js": "3.27.1",
-    "d3": "5.15.0",
-    "d3-force": "^2.1.1",
-    "d3-scale-chromatic": "1.5.0",
+    "d3": "7.8.2",
+    "d3-force": "2.1.1",
+    "d3-scale-chromatic": "3.0.0",
     "dangerously-set-html-content": "1.0.9",
     "date-fns": "2.29.3",
     "debounce-promise": "3.1.2",