@vitejs/plugin-legacy 4.0.0 broken

[erkib]

Describe the bug

I upgraded the @vitejs/plugin-legacy to version 4.0.0 and now dev server is unable to start. Error shown:
SyntaxError: Named export 'loadConfig' not found. The requested module 'browserslist' is a CommonJS module, which may not support all module.exports as named exports.

Problem lies in file index.mjs
When I changed the import { loadConfig } from 'browserlist' to:
import pkg from 'browserslist';
const { loadConfig } = pkg;
Now the dev server is able to start normally.

Reproduction

None

Steps to reproduce

Just upgrade the plugin to 4.0.0

System Info

System:
    OS: macOS 13.2
    CPU: (10) arm64 Apple M1 Pro
    Memory: 9.73 GB / 32.00 GB
    Shell: 3.2.57 - /bin/bash
  Binaries:
    Node: 19.5.0 - /opt/homebrew/bin/node
    Yarn: 1.22.19 - ~/.yarn/bin/yarn
    npm: 9.3.1 - /opt/homebrew/bin/npm
  Browsers:
    Chrome: 109.0.5414.119
    Safari: 16.3
  npmPackages:
    @vitejs/plugin-legacy: ^4.0.0 => 4.0.0
    @vitejs/plugin-react: ^3.1.0 => 3.1.0
    vite: ^4.1.0 => 4.1.0

Used Package Manager

npm

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[ModyQyW]

Same here.

[ModyQyW]

Just created a PR #11899.

v3.0.2 works fine for me.

For temporary fix, update node_modules/@vitejs/plugin-legacy/dist/index.mjs like below.

Before:

import { loadConfig } from 'browserslist';

After:

import browserslist from 'browserslist';
const { loadConfig } = browserslist;