Do not convert code-blocks inside a `<pre>` tag

[AnweshGangula]

• mdx-bundler version: 4.1.1 and 6.0.2
• node version: 14.16.0 and 16.13.0
• npm version: 7.17.0 and 8.1.0

What you did:

Created a basic mdx-bundler code to convert a md or mdx file to a web-page

What happened:

Code-block inside a <pre> tag is converted to HTML

Reproduction repository: https://stackblitz.com/edit/nextjs-2n34zo?file=package.json

Problem description:

When I have code-blocks inside a <pre /> tag, I expect them to be displayed as plain text - without converting the code-block into a <pre> tag with a <code> tag inside. Below is an example of a code-block inside a <pre> tag and its expected behavior (how GitHub renders it). But if you look at the output in the following stackblitz demo, you can use that this doesn't happen in that - even if we use remark-gfm

Example code-block inside <pre> tag:

  ```
  abc
  ```

Current Output	Expected Output

[AnweshGangula]

Note: I've also noticed the same issue in the MDXjs Playground, but the same issue was not seen with mdxjs v1.6.21 playgroung. So i'm guessing this is an issue with the updated version of MDXjs.

I have added the same question in stack overflow, but didn't get any response.