I'm using NX.dev with Angular projects and I have a few projects and libs. Im having a few static CSS/SCSS files I want to share for all projects (Apps & libs)

First CSS file - I want to just bundle it in the projects, in order to do that I added it to the project JSON file per app like this.

"targets": {
"build": {
    "styles": [
        "libs/ui/src/lib/styles/style.bundle.css"
    ],
}

}

It's working great, But I'm not getting I'm getting the same effect for the libs (It's not working)...

Second SCSS file - this file is a global variable file, I want this file to be available on-demand in the lib SCSS files. I want each file to be able to do this:

@import "variables";

Not sure how to achieve that.

Any idea how can I get these two files into my libs? One file should add on compile and one on-demand