MDX2: Table incorrectly rendering

Describe the bug When inserting a markdown table into a .mdx story with the previewMdx2: true set. It causes the table to render as text instead of as a table. Disabling the previewMdx2 setting, and restarting renders the table correctly.

To Reproduce Insert this into a .mdx story

| Name                                                 | Value                     | Reference                  | Type      |
| ---------------------------------------------------- | ------------------------- | -------------------------- | --------- |
| button-background-color-icon-dark-backdrop-default   | rgba(0, 0, 0, 0)          | transparent                | Color     |

in your main.js set the following flag

features: {
+  previewMdx2: true
}

run npm run start-storybook

System

System:
    OS: macOS 12.3.1
    CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
  Binaries:
    Node: 16.14.2 - /private/var/folders/hs/d7smfnbx6dlf7m99x1f7cn640000gs/T/xfs-2c8ef741/node
    Yarn: 3.2.1 - /private/var/folders/hs/d7smfnbx6dlf7m99x1f7cn640000gs/T/xfs-2c8ef741/yarn
    npm: 8.5.0 - ~/.nvm/versions/node/v16.14.2/bin/npm
  Browsers:
    Chrome: 103.0.5060.53
    Edge: 102.0.1245.41
    Firefox: 91.10.0
    Safari: 15.4

[ivlev-ye]

This change should fix this https://github.com/storybookjs/mdx2-csf/pull/12

[shilman]

We can add an automigration that tells them:

“If you use table / x / y / z and want GFM support in MDX2, we can add it for you [y/N]”

More info: https://mdxjs.com/migrating/v2/#gfm