MDX styling doesn't work after importing Tailwind CSS to Storybook

Question

I'm setting up a NextJS project with Tailwind and Storybook. The MDX styling doesn't work after importing Tailwind CSS

Before importing Tailwind

After importing Tailwind

What I did

The Tailwind CSS is being added to the storybook by following the answer at this link

.storybook/main.js

// Remove this code, MDX is working fine but Tailwind isn't
{
  name: '@storybook/addon-postcss',
  options: {
    postcssLoaderOptions: {
      implementation: require('postcss'),
    },
  },
},,

Full code demo: https://github.com/tanwanjern/next-storybook-demo

Question:

How can I make Tailwind and MDX styling work together in Storybook? And which Storybook add-ons are not necessary so that I can remove them?