NextJS: Change babel plugins from proposal-... to transform-...

[roottool]

Closes #24070

What I did

I convert babel plugins from @babel/plugin-proposal-... to @babel/plugin-transform-....

There are two areas that I intentionally did not change.

• storybook/scripts/package.json

  Line 62 in cf3fdaf

  "@babel/plugin-proposal-decorators": "^7.22.0",

  
  @babel/plugin-proposal-decorators is not deprecated. Additionally, @babel/plugin-transform-decorators doesn't exist when I have tried searching in NPM.

• storybook/code/lib/cli/src/repro-generators/scripts.ts

  Line 138 in cf3fdaf

  `yarn config set packageExtensions --json '{ "babel-preset-react-app@10.0.x": { "dependencies": { "@babel/plugin-proposal-private-property-in-object": "^7.16.0" } } }'`

  
  Because I determined that @babel/plugin-proposal-private-property-in-object is used by CRA.
  

  storybook/code/lib/cli/src/repro-generators/scripts.ts

  Lines 133 to 135 in cf3fdaf

  	// FIXME: Some dependencies used by CRA aren't listed in its package.json
  	// Next line is a hack to remove as soon as CRA will have added these missing deps
  	// for details see https://github.com/facebook/create-react-app/pull/11751

Checklist for Contributors

Testing

The changes in this PR are covered in the following automated tests:

• stories
• unit tests
• integration tests
• end-to-end tests

Manual testing

This section is mandatory for all contributions. If you believe no manual test is necessary, please state so explicitly. Thanks!

• compile
• typecheck
• Create the sandbox from a template
  • nextjs/12-js
  • nextjs/default-js
  • nextjs/default-ts
• build
  • nextjs/12-js
  • nextjs/default-js
  • nextjs/default-ts

Documentation

• Add or update documentation reflecting your changes
• If you are deprecating/removing a feature, make sure to update
  MIGRATION.MD

Checklist for Maintainers

• When this PR is ready for testing, make sure to add ci:normal, ci:merged or ci:daily GH label to it to run a specific set of sandboxes. The particular set of sandboxes can be found in code/lib/cli/src/sandbox-templates.ts

• Make sure this PR contains one of the labels below:

  Available labels

  • bug: Internal changes that fixes incorrect behavior.
  • maintenance: User-facing maintenance tasks.
  • dependencies: Upgrading (sometimes downgrading) dependencies.
  • build: Internal-facing build tooling & test updates. Will not show up in release changelog.
  • cleanup: Minor cleanup style change. Will not show up in release changelog.
  • documentation: Documentation only changes. Will not show up in release changelog.
  • feature request: Introducing a new feature.
  • BREAKING CHANGE: Changes that break compatibility in some way with current major version.
  • other: Changes that don't fit in the above categories.

🦋 Canary release

This PR does not have a canary release associated. You can request a canary release of this pull request by mentioning the @storybookjs/core team here.

core team members can create a canary release here or locally with gh workflow run --repo storybookjs/storybook canary-release-pr.yml --field pr=<PR_NUMBER>

[socket-security]

Removed dependencies detected. Learn more about Socket for GitHub ↗︎

🚮 Removed packages: @babel/plugin-proposal-export-namespace-from@7.18.9, @babel/plugin-proposal-object-rest-spread@7.20.7