[7.17][Ops] Sync babel-related versions with main (#161278)

## Summary
Synchronize Babel versions with `main` (targeting ~7.21).

Closes #160010

Based on Tiago's PR #161311.

## Checklist
- [ ] This renders correctly on smaller devices using a responsive
layout. (You can test this [in your
browser](https://www.browserstack.com/guide/responsive-testing-on-local-server))
- [ ] This was checked for [cross-browser
compatibility](https://www.elastic.co/support/matrix#matrix_browsers)

---------

Co-authored-by: kibanamachine <[email protected]>

package.json

@@ -70,9 +70,14 @@
     "yarn": "^1.21.1"
   },
   "resolutions": {
-    "**/@babel/runtime": "^7.16.3",
+    "**/@babel/core": "^7.21.0",
+    "**/@babel/preset-env": "^7.20.2",
+    "**/@babel/runtime": "^7.21.0",
+    "**/@babel/traverse": "^7.21.2",
+    "**/@babel/types": "^7.21.2",
     "**/@jest/console": "29.3.1",
     "**/@jest/reporters": "29.3.1",
+    "**/@types/babel__generator/@babel/types": "^7.21.0",
     "**/@types/node": "16.11.7",
     "**/@types/react-dom": "^16.9.8",
     "**/babel-jest": "29.3.1",
@@ -102,7 +107,7 @@
     "globby/fast-glob": "3.2.7"
   },
   "dependencies": {
-    "@babel/runtime": "^7.16.3",
+    "@babel/runtime": "^7.21.0",
     "@dnd-kit/core": "^3.1.1",
     "@dnd-kit/sortable": "^4.0.0",
     "@dnd-kit/utilities": "^2.0.0",
@@ -426,25 +431,25 @@
     "yauzl": "^2.10.0"
   },
   "devDependencies": {
-    "@babel/cli": "^7.16.0",
-    "@babel/core": "^7.16.0",
-    "@babel/eslint-parser": "^7.16.3",
-    "@babel/eslint-plugin": "^7.14.5",
-    "@babel/generator": "^7.16.0",
-    "@babel/parser": "^7.16.4",
-    "@babel/plugin-proposal-class-properties": "^7.16.0",
-    "@babel/plugin-proposal-export-namespace-from": "^7.16.0",
-    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.0",
-    "@babel/plugin-proposal-object-rest-spread": "^7.16.0",
-    "@babel/plugin-proposal-optional-chaining": "^7.16.0",
-    "@babel/plugin-proposal-private-methods": "^7.16.0",
-    "@babel/plugin-transform-runtime": "^7.16.4",
-    "@babel/preset-env": "^7.16.4",
-    "@babel/preset-react": "^7.16.0",
-    "@babel/preset-typescript": "^7.16.0",
-    "@babel/register": "^7.16.0",
-    "@babel/traverse": "^7.16.3",
-    "@babel/types": "^7.16.0",
+    "@babel/cli": "^7.21.0",
+    "@babel/core": "^7.21.0",
+    "@babel/eslint-parser": "^7.19.1",
+    "@babel/eslint-plugin": "^7.19.1",
+    "@babel/generator": "^7.21.1",
+    "@babel/parser": "^7.21.2",
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
+    "@babel/plugin-proposal-export-namespace-from": "^7.18.9",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
+    "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
+    "@babel/plugin-proposal-optional-chaining": "^7.21.0",
+    "@babel/plugin-proposal-private-methods": "^7.18.6",
+    "@babel/plugin-transform-runtime": "^7.21.0",
+    "@babel/preset-env": "^7.20.2",
+    "@babel/preset-react": "^7.18.6",
+    "@babel/preset-typescript": "^7.21.0",
+    "@babel/register": "^7.21.0",
+    "@babel/traverse": "^7.21.2",
+    "@babel/types": "^7.21.2",
     "@bazel/ibazel": "^0.16.2",
     "@bazel/typescript": "^3.8.0",
     "@cypress/snapshot": "^2.1.7",
@@ -453,7 +458,7 @@
     "@elastic/github-checks-reporter": "0.0.20b3",
     "@elastic/makelogs": "^6.1.1",
     "@elastic/synthetics": "^1.0.0-beta.12",
-    "@emotion/babel-preset-css-prop": "^11.2.0",
+    "@emotion/babel-preset-css-prop": "^11.11.0",
     "@emotion/jest": "^11.3.0",
     "@istanbuljs/schema": "^0.1.2",
     "@jest/console": "29.3.1",
@@ -511,7 +516,8 @@
     "@testing-library/react-hooks": "^5.1.1",
     "@testing-library/user-event": "^13.1.1",
     "@types/archiver": "^5.1.0",
-    "@types/babel__core": "^7.1.16",
+    "@types/babel__core": "^7.20.0",
+    "@types/babel__generator": "^7.6.4",
     "@types/base64-js": "^1.2.5",
     "@types/bluebird": "^3.1.1",
     "@types/chance": "^1.0.0",
@@ -670,11 +676,11 @@
     "autoprefixer": "^10.4.7",
     "axe-core": "^4.0.2",
     "babel-jest": "29.3.1",
-    "babel-loader": "^8.2.2",
+    "babel-loader": "^8.2.5",
     "babel-plugin-add-module-exports": "^1.0.4",
     "babel-plugin-istanbul": "^6.1.1",
     "babel-plugin-require-context-hook": "^1.0.0",
-    "babel-plugin-styled-components": "^1.13.3",
+    "babel-plugin-styled-components": "^2.0.7",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
     "backport": "^5.6.6",
     "callsites": "^3.1.0",

packages/kbn-dev-utils/BUILD.bazel

@@ -46,6 +46,7 @@ RUNTIME_DEPS = [
   "//packages/kbn-std",
   "//packages/kbn-utils",
   "@npm//@babel/core",
+  "@npm//@babel/generator",
   "@npm//axios",
   "@npm//chalk",
   "@npm//cheerio",
@@ -71,6 +72,7 @@ TYPES_DEPS = [
   "@npm//@babel/parser",
   "@npm//@babel/types",
   "@npm//@types/babel__core",
+  "@npm//@types/babel__generator",
   "@npm//@types/cheerio",
   "@npm//@types/dedent",
   "@npm//@types/flot",

packages/kbn-dev-utils/src/vscode_config/update_vscode_config.test.ts

@@ -121,7 +121,6 @@ it('persists comments in the original file', () => {
   `);
   expect(newJson).toMatchInlineSnapshot(`
     // @managed
-
     /**
      * This is a top level comment
      */