Repository: storybook
Issue: [Bug]: addon-docs cannot be installed alongside conflicting version of mdx2-csf@0.0.4
Labels: bug,needs triage

### Describe the bug



```bash
$ npm i @storybook/addon-docs -S

npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: @storybook/addon-docs@6.5.15
npm ERR! Found: @storybook/mdx2-csf@0.0.4
npm ERR! node_modules/@storybook/mdx2-csf
npm ERR!   dev @storybook/mdx2-csf@"0.0.4" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peerOptional @storybook/mdx2-csf@"^0.0.3" from @storybook/addon-docs@6.5.15
npm ERR! node_modules/@storybook/addon-docs
npm ERR!   @storybook/addon-docs@"*" from the root project
npm ERR!   @storybook/addon-docs@"6.5.15" from @storybook/addon-essentials@6.5.15
npm ERR!   node_modules/@storybook/addon-essentials
npm ERR!     dev @storybook/addon-essentials@"6.5.15" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: @storybook/mdx2-csf@0.0.3
npm ERR! node_modules/@storybook/mdx2-csf
npm ERR!   peerOptional @storybook/mdx2-csf@"^0.0.3" from @storybook/addon-docs@6.5.15
npm ERR!   node_modules/@storybook/addon-docs
npm ERR!     @storybook/addon-docs@"*" from the root project
npm ERR!     @storybook/addon-docs@"6.5.15" from @storybook/addon-essentials@6.5.15
npm ERR!     node_modules/@storybook/addon-essentials
npm ERR!       dev @storybook/addon-essentials@"6.5.15" from the root project
```

Relevant conflict source file:

https://github.com/storybookjs/storybook/blob/main/addons/docs/package.json#L93

## `package.json` (only storybook-related packages)

```json
{
  "@storybook/addon-essentials": "6.5.15",
  "@storybook/addon-knobs": "6.4.0",
  "@storybook/addon-storysource": "6.5.15",
  "@storybook/builder-webpack5": "6.5.15",
  "@storybook/manager-webpack5": "6.5.15",
  "@storybook/mdx2-csf": "0.0.4",
  "@storybook/react": "6.5.15",
  "@storybook/source-loader": "6.5.15",
}
```

### To Reproduce

_No response_

### System

```shell
Environment Info:

  System:
    OS: Windows 10 10.0.19044
    CPU: (8) x64 Intel(R) Core(TM) i7-8550U CPU @ 1.80GHz

  Binaries:
    Node: 14.20.1 - ~\AppData\Local\Volta\tools\image\node\14.20.1\node.EXE
    Yarn: 1.22.18 - ~\AppData\Local\Volta\tools\image\yarn\1.22.18\bin\yarn.CMD
    npm: 8.12.2 - ~\AppData\Local\Volta\tools\image\npm\8.12.2\bin\npm.CMD

  Browsers:
    Edge: Spartan (44.19041.1266.0), Chromium (102.0.1245.39)

  npmPackages:
    @storybook/addon-essentials: 6.5.15 => 6.5.15
    @storybook/addon-knobs: 6.4.0 => 6.4.0
    @storybook/addon-storysource: 6.5.15 => 6.5.15
    @storybook/builder-webpack5: 6.5.15 => 6.5.15
    @storybook/manager-webpack5: 6.5.15 => 6.5.15
    @storybook/mdx2-csf: 0.0.4 => 0.0.4
    @storybook/react: 6.5.15 => 6.5.15
    @storybook/source-loader: 6.5.15 => 6.5.15
```


### Additional context

Using storybook version `6.5.15` and trying to install `@storybook/addon-docs`, because apparently after upgrading `addon-essentials`, Webpack cannot import not find `import {Meta, Description} from '@storybook/addon-docs'`:

Browser console error after upgrading `addon-essentials`:
```
./src/form/TextWithTags/TextWithTags.stories.js 141:0-45Module not found: Error: Can't resolve './TextWithTags.stories.mdx' in 'C:\projects\catalog\master\components\src\form\TextWithTags'
```


I have also upgraded `@storybook/mdx2-csf` to version `0.0.4` from `0.0.3` because Storybook refused to detect (and display) some `mdx` story file, so I was wondering if upgrading would help (since an identical other MDX does render correctly in another story with a different file name).