upgrade babel and remove resolutions

- bump integration test frontends resource to xlarge

- lock babel versions and move to root

- move plugins to devDependencies

Author: toufali

.circleci/config.yml

@@ -870,7 +870,7 @@ workflows:
             - fail-fast
       - integration-test:
           name: Integration Test - Frontends (PR)
-          resource_class: large
+          resource_class: xlarge
           nx_run: affected --base=main --head=$CIRCLE_SHA1
           projects: --exclude '*,!tag:scope:frontend'
           test_suite: frontends-integration
@@ -1081,7 +1081,7 @@ workflows:
             - Build
       - integration-test:
           name: Integration Test - Frontends
-          resource_class: large
+          resource_class: xlarge
           projects: --exclude '*,!tag:scope:frontend'
           test_suite: frontends-integration
           workflow: test_and_deploy_tag
@@ -1204,7 +1204,7 @@ workflows:
             - Build (nightly)
       - integration-test:
           name: Integration Test - Frontends (nightly)
-          resource_class: large
+          resource_class: xlarge
           projects: --exclude '*,!tag:scope:frontend'
           test_suite: frontends-integration
           workflow: nightly

package.json

@@ -161,8 +161,11 @@
     ]
   },
   "devDependencies": {
-    "@babel/core": "7.25.7",
-    "@babel/preset-react": "7.25.7",
+    "@babel/core": "^7.27.1",
+    "@babel/plugin-transform-typescript": "^7.27.1",
+    "@babel/preset-env": "^7.27.1",
+    "@babel/preset-react": "^7.27.1",
+    "@babel/preset-typescript": "^7.27.1",
     "@graphql-codegen/cli": "5.0.0",
     "@graphql-codegen/client-preset": "^4.3.2",
     "@graphql-codegen/typescript": "^4.0.1",
@@ -192,6 +195,7 @@
     "@swc/jest": "^0.2.36",
     "@testing-library/react": "15.0.6",
     "@types/babel__core": "^7",
+    "@types/babel__preset-env": "^7",
     "@types/bn.js": "^5",
     "@types/jest": "29.5.1",
     "@types/jsdom": "^21",
@@ -257,12 +261,6 @@
     "packages/*"
   ],
   "resolutions": {
-    "@babel/core": "7.25.7",
-    "@babel/helper-create-class-features-plugin": "7.25.7",
-    "@babel/helper-module-imports": "7.25.7",
-    "@babel/plugin-transform-function-name": "7.25.7",
-    "@babel/traverse": "7.25.7",
-    "@babel/types": "7.25.7",
     "@graphql-typed-document-node/core": "3.2.0",
     "@react-pdf/layout": "3.9.1",
     "@react-pdf/textkit": "4.3.0",

packages/fxa-admin-panel/package.json

@@ -53,7 +53,6 @@
     "serve-static": "^1.16.0"
   },
   "devDependencies": {
-    "@babel/core": "7.25.7",
     "@rescripts/cli": "0.0.16",
     "@testing-library/jest-dom": "^5.16.5",
     "@types/chance": "^1.1.2",

packages/fxa-auth-server/.babelrc.json

@@ -4,13 +4,12 @@
     [
       "@babel/preset-env",
       {
-        "targets": {
-          "chrome": 100
-        }
+        "targets": "> 0.25%, last 2 versions, not dead"
       }
     ],
     "@babel/preset-typescript",
     "@babel/preset-react"
   ],
+  "ignore": ["node_modules/**", "test/**"],
   "plugins": []
-}
+}

packages/fxa-auth-server/package.json

@@ -123,18 +123,12 @@
     "web-push": "3.4.4"
   },
   "devDependencies": {
-    "@babel/core": "7.25.7",
-    "@babel/preset-env": "7.25.7",
-    "@babel/preset-react": "7.25.7",
-    "@babel/preset-typescript": "7.25.7",
     "@storybook/addon-controls": "7.4.6",
     "@storybook/addon-docs": "7.6.12",
     "@storybook/addon-toolbars": "7.0.23",
     "@storybook/html": "7.6.17",
     "@storybook/html-webpack5": "7.6.13",
     "@types/async-retry": "^1",
-    "@types/babel__core": "7.20.5",
-    "@types/babel__preset-env": "^7",
     "@types/chai": "^4.3.17",
     "@types/chai-as-promised": "^7",
     "@types/dedent": "^0",

packages/fxa-content-server/package.json

@@ -37,12 +37,6 @@
   "author": "Mozilla (https://mozilla.org/)",
   "license": "MPL-2.0",
   "dependencies": {
-    "@babel/core": "7.25.7",
-    "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/preset-env": "7.25.7",
-    "@babel/preset-react": "7.25.7",
-    "@babel/preset-typescript": "7.25.7",
     "asmcrypto.js": "^0.22.0",
     "babel-loader": "^9.1.3",
     "backbone": "^1.6.0",
@@ -133,6 +127,8 @@
   },
   "devDependencies": {
     "@babel/cli": "7.23.0",
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
+    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
     "@types/backbone": "^1.4.19",
     "@types/postcss-import": "^14",
     "@types/sinon-chai": "3.2.5",

packages/fxa-content-server/webpack.config.js

@@ -167,10 +167,7 @@ const webpackConfig = {
                 [
                   '@babel/preset-env',
                   {
-                    targets: {
-                      firefox: '60',
-                      edge: '16',
-                    },
+                    targets: '> 0.25%, last 2 versions, not dead',
                     corejs: 3,
                     include: [
                       // these are all for edge - setting the target isn't enough
@@ -185,6 +182,7 @@ const webpackConfig = {
                 ['@babel/preset-react', {}],
                 '@babel/preset-typescript',
               ],
+              ignore: ['node_modules/**', 'tests/**', 'scripts/**'],
               plugins: [
                 '@babel/syntax-dynamic-import',
                 '@babel/plugin-proposal-class-properties',

packages/fxa-payments-server/package.json

@@ -56,10 +56,6 @@
   },
   "homepage": "https://github.com/mozilla/fxa/tree/main/packages/fxa-payments-server#README.md",
   "devDependencies": {
-    "@babel/core": "7.25.7",
-    "@babel/preset-env": "7.25.7",
-    "@babel/preset-react": "7.25.7",
-    "@babel/preset-typescript": "7.25.7",
     "@fluent/bundle": "^0.18.0",
     "@fluent/langneg": "^0.7.0",
     "@rescripts/cli": "~0.0.16",
@@ -72,7 +68,6 @@
     "@storybook/react-webpack5": "7.0.23",
     "@testing-library/jest-dom": "^5.16.5",
     "@types/accept-language-parser": "^1.5.1",
-    "@types/babel__preset-env": "^7",
     "@types/classnames": "2.3.1",
     "@types/jest": "26.0.23",
     "@types/nock": "^11.1.0",

packages/fxa-react/package.json

@@ -47,11 +47,6 @@
     "tailwindcss-dir": "^4.0.0"
   },
   "devDependencies": {
-    "@babel/core": "7.25.7",
-    "@babel/plugin-transform-typescript": "7.26.8",
-    "@babel/preset-env": "7.25.7",
-    "@babel/preset-react": "7.25.7",
-    "@babel/preset-typescript": "7.25.7",
     "@storybook/addon-actions": "8.0.0",
     "@storybook/addon-links": "7.6.4",
     "@storybook/addon-styling": "1.3.0",
@@ -62,7 +57,6 @@
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/user-event": "^14.6.0",
-    "@types/babel__preset-env": "^7",
     "@types/camelcase": "5.2.0",
     "@types/classnames": "2.3.1",
     "@types/file-loader": "^5.0.0",
@@ -105,6 +99,16 @@
   "keywords": [
     "fxa"
   ],
+  "babel": {
+    "presets": [
+      [
+        "@babel/preset-env",
+        {
+          "targets": "> 0.25%, last 2 versions, not dead"
+        }
+      ]
+    ]
+  },
   "author": "Mozilla (https://mozilla.org/)",
   "license": "MPL-2.0",
   "bugs": {

packages/fxa-settings/config/jest/babelTransform.js

@@ -1,7 +1,5 @@
 // This file was created by react-scripts' (create-react-app) eject script.
 
-'use strict';
-
 const babelJest = require('babel-jest').default;
 
 const hasJsxRuntime = (() => {