histoire is overriding custom font

[DarynH]

Describe the bug

When using histoire build we don't see our custom font. It seems to be overwritten by this rule

html {
    font-size: 1rem;
    font-family: 'Noto Sans Display', system-ui, sans-serif;
}

This does not happen when we use histoire dev.

We are using Vue3, Shadcn, tailwind.

We have tried various approaches to fix it, including importing css from within histoire.setup.ts.

Any ideas on how to solve this?

Reproduction

This only happens using histoire build and not histoire dev.
Therefore I am not sure how to provide a reproduction.

System Info

tailwindcss: ^3.4.3,
histoire: ^0.17.17,
vite:  ^5.2.0"
Vue 3

Used Package Manager

npm

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion.
• The provided reproduction is a minimal reproducible example of the bug.