fix: Revert "fix: keep graphql import as require in cjs (mswjs#2258)"

This reverts commit b977602.

src/core/utils/internal/parseGraphQLRequest.ts

@@ -40,14 +40,12 @@ export function parseDocumentNode(node: DocumentNode): ParsedGraphQLQuery {
 }
 
 async function parseQuery(query: string): Promise<ParsedGraphQLQuery | Error> {
-  /**
-   * @note Use `require` to get the "graphql" module here.
-   * It has to be scoped to this function because this module leaks to the
-   * root export. It has to be `require` because tools like Jest have trouble
-   * handling dynamic imports. It gets replaced with a dynamic import on build time.
-   */
-  // eslint-disable-next-line @typescript-eslint/no-require-imports
-  const { parse } = require('graphql')
+  const { parse } = await import('graphql').catch((error) => {
+    devUtils.error(
+      'Failed to parse a GraphQL query: cannot import the "graphql" module. Please make sure you install it if you wish to intercept GraphQL requests. See the original import error below.',
+    )
+    throw error
+  })
 
   try {
     const ast = parse(query)

tsup.config.ts

@@ -7,7 +7,6 @@ import {
 } from './config/plugins/esbuild/copyWorkerPlugin'
 import { resolveCoreImportsPlugin } from './config/plugins/esbuild/resolveCoreImportsPlugin'
 import { forceEsmExtensionsPlugin } from './config/plugins/esbuild/forceEsmExtensionsPlugin'
-import { graphqlImportPlugin } from './config/plugins/esbuild/graphQLImportPlugin'
 import packageJson from './package.json'
 
 // Externalize the in-house dependencies so that the user
@@ -34,7 +33,7 @@ const coreConfig: Options = {
   sourcemap: true,
   dts: true,
   tsconfig: path.resolve(__dirname, 'src/tsconfig.core.build.json'),
-  esbuildPlugins: [graphqlImportPlugin(), forceEsmExtensionsPlugin()],
+  esbuildPlugins: [forceEsmExtensionsPlugin()],
 }
 
 const nodeConfig: Options = {