NextJS: Add @babel/core as a dependency

[valentinpalkovic]

Closes (Discord Support Ticket: https://discord.com/channels/486522875931656193/1102628762161512459)

What I did

@babel/core is not installed per default in Next.js anymore, because Next.js might not use webpack + babel, but turbopack and swc instead. Storybook though still relies on @babel/core for several transformations.

How to test

1. Init a Yarn 3 PnP project
2. Install Next.js
3. sb init

Checklist

• Make sure your changes are tested (stories and/or unit, integration, or end-to-end tests)
• Make sure to add/update documentation regarding your changes
• If you are deprecating/removing a feature, make sure to update
  MIGRATION.MD

Maintainers

• If this PR should be tested against many or all sandboxes,
  make sure to add the ci:merged or ci:daily GH label to it.
• Make sure this PR contains one of the labels below.

["cleanup", "BREAKING CHANGE", "feature request", "bug", "documentation", "maintenance", "dependencies", "other"]

[yannbf]

Overall this looks good, but there's a failure in CI:

src/font/babel/index.ts(57,70): error TS2345: Argument of type 'typeof import("/tmp/storybook/code/node_modules/@babel/types/lib/index")' is not assignable to parameter of type 'typeof import("/tmp/storybook/code/frameworks/nextjs/node_modules/@babel/types/lib/index")'.
  Types of property 'BLOCK_SCOPED_SYMBOL' are incompatible.
    Type 'typeof babel.types.BLOCK_SCOPED_SYMBOL' is not assignable to type 'typeof BLOCK_SCOPED_SYMBOL'.
src/font/babel/index.ts(59,55): error TS2345: Argument of type 'typeof import("/tmp/storybook/code/node_modules/@babel/types/lib/index")' is not assignable to parameter of type 'typeof import("/tmp/storybook/code/frameworks/nextjs/node_modules/@babel/types/lib/index")'.
src/font/babel/index.ts(60,49): error TS2345: Argument of type 'typeof import("/tmp/storybook/code/node_modules/@babel/types/lib/index")' is not assignable to parameter of type 'typeof import("/tmp/storybook/code/frameworks/nextjs/node_modules/@babel/types/lib/index")'.
src/font/babel/index.ts(74,59): error TS2345: Argument of type 'typeof import("/tmp/storybook/code/node_modules/@babel/types/lib/index")' is not assignable to parameter of type 'typeof import("/tmp/storybook/code/frameworks/nextjs/node_modules/@babel/types/lib/index")'.
src/font/babel/index.ts(78,55): error TS2345: Argument of type 'typeof import("/tmp/storybook/code/node_modules/@babel/types/lib/index")' is not assignable to parameter of type 'typeof import("/tmp/storybook/code/frameworks/nextjs/node_modules/@babel/types/lib/index")'.
src/font/babel/index.ts(79,49): error TS2345: Argument of type 'typeof import("/tmp/storybook/code/node_modules/@babel/types/lib/index")' is not assignable to parameter of type 'typeof import("/tmp/storybook/code/frameworks/nextjs/node_modules/@babel/types/lib/index")'.

[valentinpalkovic]

@yannbf Can you take another look?

[socket-security]

New, updated, and removed dependencies detected. Learn more about Socket for GitHub ↗︎

Packages	Version	New capabilities	Transitives	Size	Publisher
storybook	7.2.0-alpha.0	None	+0	1.26 kB	shilman
@storybook/addon-essentials	7.2.0-alpha.0	None	+0	27.7 kB	shilman
@storybook/react-webpack5	7.2.0-alpha.0	None	+0	40 kB	shilman
@storybook/addon-storysource	7.2.0-alpha.0	None	+0	17.2 kB	shilman
@storybook/addon-links	7.2.0-alpha.0	None	+0	23.5 kB	shilman
@storybook/addon-a11y	7.2.0-alpha.0	None	+0	56.8 kB	shilman
@storybook/ember	7.1.0...7.2.0-alpha.0	None	+0/-0	20.7 kB	shilman
@storybook/server-webpack5	7.1.0...7.2.0-alpha.0	None	+0/-0	43.9 kB	shilman

🚮 Removed packages: @angular-devkit/build-angular@16.1.4, @angular/animations@16.1.5, @angular/compiler@16.1.5, @angular/compiler-cli@16.1.5, @angular/forms@16.1.5, @angular/platform-browser@16.1.5, @angular/platform-browser-dynamic@16.1.5, @sveltejs/vite-plugin-svelte@2.4.2, @swc/jest@0.2.26, vue-docgen-api@4.73.0