How to maintain module level theme mixins css files while creating angular library?

I am creating angular library which exposes most of the feature modules along with global css.

The global CSS file again imports CSS files which contains theme mixins for each modules as follows: global.scss

@use '@angular/material' as mat;
@use '../../moduleA/wizard-theme';
@use '../../moduleB/button-theme';


The library is getting compiled and published properly but problem while building another angular application using same library

Since these module level theme css file are not available in src code it fails to resolve paths. So please suggest, how I can solve this problem. Do I need to copy all these module level css as part of library export?

Continue reading...