Nuxt UI fonts not generating fallback fonts

I have my font defined as:

@theme {
   --font-figtree: 'Figtree', "sans-serif";
}

@theme {
   --font-figtree: 'Figtree', "sans-serif";
}

@theme {
   --font-figtree: 'Figtree', "sans-serif";
}

@theme {
   --font-figtree: 'Figtree', "sans-serif";
}

Which is then imported into my main css:

@import "./theme/typography.css";

@import "./theme/typography.css";

@import "./theme/typography.css";

@import "./theme/typography.css";

When I run

yarn build/start

yarn build/start

yarn build/start

yarn build/start I see no fallback fonts are generated.

To test it out I also installed

@nuxtjs/fontaine

@nuxtjs/fontaine

@nuxtjs/fontaine

@nuxtjs/fontaine to try it out and that DOES generate fallback fonts, but it generates like 120 rules

Any ideas?