Package

@meteor/component-library

Package version

3.11.0

Link to minimal reproduction

https://stackblitz.com/edit/vitejs-vite-xmwwbk?file=src%2Fmain.js

Steps to reproduce

• Create a vue + vite project
• Install the meteor-component-library
• Add a import '@shopware-ag/meteor-component-library/dist/style.css';
• Build the app

Actual behavior

The resulting css file is about ~4.5MB (~3.5MB gzipped) according to vite. Removing the inlined fonts will reduce the css bundle down to ~180KB (~25KB gzipped).

Expected behavior

Fonts aren't inlined as base64 within the same css file, but bundled separately to allow more selective import. Bundling 10 different fonts feels clumsy, and I'd like to be able to bundle, say, regular fonts only when I don't have bold or italic text.

System Info

No response

Any additional comments?

No response

Code of Conduct

• I have read and agree to follow Meteor's Code of Conduct