How to remove default styles in Storybook Docs

Support request summary

I’m using Storybook and the Docs Addon to create a living design system.

Storybook Docs comes with a set of default styles, like Nunito Sans as the typeface, and a bunch of other typographic styles. So each <Preview> tag injects these styles, and our components don’t reflect the spec from our design team.

I’m trying to create preview that have no default styles. Essentially removing the styles that come with Storybook Docs inside the preview box. All I want to inject are styles related to our design system.

Current setup:

• I’ve written some custom styles at build/styles.css
• Inside preview-head.html, I import styles using <link rel="stylesheet" href="./style.css" />
• When running storybook, I reference the static folder to access styles start-storybook -p 6006 -s ./build

When I run Storybook, I’m seeing my custom styles AND the default Storybook styles.

Storybook version

• @storybook/react 5.3.9
• @storybook/addon-docs 5.3.9