Cannot import esm package with commonjs dependency

[ok2ju]

Describe the bug

Hey, in my project there is react-dropzone@v4.3.0 package which uses attr-accept@v1.1.3 which in case is a commonjs package. So, application works fine in dev mode (local) but fails on production with TypeError: oe is not a function where oe is a attr-accept.
Could you suggest me how to properly handle such cases?

Reproduction

Steps to reproduce

No response

System Info

`vite@v4.0.1`

Used Package Manager

yarn

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.

[fi3ework]

a reproduction is needed.

[github-actions]

Hello @ok2ju. Please provide a minimal reproduction using a GitHub repository or StackBlitz. Issues marked with need reproduction will be closed if they have no activity within 3 days.

[bpetii]

Seems it is related to this bug: #11986

[ok2ju]

@bpetii yea, potentially it could be related issue.