Breaks local fonts folder being visible in the browser Sources folder tree

I have this working entirely except the one thing it is breaking is my local @fontface fonts. I am using:
- @import rules for buttons, normalize
- postcss.config for jitprops(and loading open-props):
```
const postcssJitProps = require('postcss-jit-props');
const OpenProps = require('open-props');
module.exports = {
plugins: [postcssJitProps(OpenProps), require('autoprefixer')],
};
```

- VITE to build a WordPress project

The problem appears to be that despite the font folder building as normal to /assets/dist/fonts and is physically there, it fails to show up in the Sources location when inspecting in the browser?!? Otherwise all the style references are the same and correct.