CJS bundles include ESM version of babel runtime helper of external dependencies

[sungik-choi]

Summary

CJS 번들에 외부 의존성이 사용하는 @babel/runtime/helpers 의 ESM 버전이 포함되는 문제

Reproduction process

• @radix-ui/** 와 react-textarea-autosize 라이브러리에서 내부 의존성으로 @babel/runtime 라이브러리를 사용하고 있습니다.
• https://unpkg.com/browse/@radix-ui/react-tooltip@1.0.6/dist/index.js 의 첫번째 라인을 보면 알 수 있듯, CJS용 번들에 "@babel/runtime/helpers/extends" 경로의 헬퍼가 잘 포함되어 있습니다.
• bezier-react@1.4.0의 CJS용 번들을 확인해보면(L8) CJS용 헬퍼가 잘 포함되어 있습니다.
• Enhance build time for bezier-react #1424 에서 빌드 설정이 변경된 이후, 번들된 내부의 node_modules를 살펴보면, CJS임에도 불구하고 ESM 버전의 헬퍼가 (L3) import 되어 있습니다.
• 이는 CJS 번들을 사용하는 라이브러리 사용처에서 문제가 됩니다. 특히, 기본적으로 CJS 모듈을 사용하는 Jest 등 환경에서 문제가 됩니다.

Version of bezier-react

1.7.0

Browser

No response

Operating system

• macOS
• Windows
• Linux

Additonal Information

#513 과 같은 문제이지만, 이 PR의 접근 방식으로 해결되지 않았습니다.

    nodeResolve({
      extensions,
      exportConditions: ['default', 'require'],
      mainFields: ['main'],
    }),

설정을 참고하여 위와 같이 CJS 모듈 엔트리포인트에 먼저 진입하도록 설정을 강제해보았지만, ESM 헬퍼를 import하는 동작은 변하지 않았습니다.