Tailwind config "Cannot find module 'next/babel'

[Zoe-Bot]

Describe the bug
Parsing error: Cannot find module 'next/babel'
Require stack:

• C:\Users\joy-j\Desktop\projekts\wwweights\wwweights\frontend\node_modules\next\dist\compiled\babel\bundle.js
• C:\Users\joy-j\Desktop\projekts\wwweights\wwweights\frontend\node_modules\next\dist\compiled\babel\eslint-parser.js
• C:\Users\joy-j\Desktop\projekts\wwweights\wwweights\frontend\node_modules\eslint-config-next\parser.js
• C:\Users\joy-j\Desktop\projekts\wwweights\wwweights\frontend\node_modules@eslint\eslintrc\dist\eslintrc.cjseslint

To Reproduce
Steps to reproduce the behavior:

1. Open VSCode
2. Open 'frontend/tailwind.config.js'
3. const { fontFamily } = require('tailwindcss/defaultTheme') <-- hover over const

Expected behavior
No error.

Screenshots

Additional context
I already fixed this another time with this https://stackoverflow.com/a/68193974/14734868
But this caused another issue i cannot remember.

[LarsFlieger]

I tested it, this works on my end: https://stackoverflow.com/a/73890896/12160777

{
  "extends": [
    "next/babel",
    "next/core-web-vitals"
  ],
  "rules": {
    "semi": [
      "warn",
      "never"
    ],
    "quotes": [
      "warn",
      "double"
    ]
  }
}

[Zoe-Bot]

I tested it, this works on my end: https://stackoverflow.com/a/73890896/12160777

{
  "extends": [
    "next/babel",
    "next/core-web-vitals"
  ],
  "rules": {
    "semi": [
      "warn",
      "never"
    ],
    "quotes": [
      "warn",
      "double"
    ]
  }
}

Dann funktioniert der linter aber nicht mehr

[LarsFlieger]

The problem is deeper since NextJS is not using babel anymore because it switched to SWC with version 13.

The problem is not fixable with complex workarounds yet: https://stackoverflow.com/questions/68163385/parsing-error-cannot-find-module-next-babel