title: Import SCSS variables file in Angular library modules
body: <p>I am working on a project which is an Angular Library (which uses SCSS).</p>
  <p>My project structure is like this:</p>
  <pre><code>├───UI-lib
  │   ├──assets
  │   │   └───styles/
  │   │         └───_theme.scss
  │   │         └───_varialbes.scss
  │   └──src
  │       └───lib
  │           └─modules
  │              ├───autocomplete
  │              │   └───components
  │              │       └───auto-complete/
  │              ├───checkbox
  │              │   └───components
  │              │       └───checkbox/
  
    ......................
  
   │       
   ├───App Test        
   ├───e2e/
   └───src
       ├───app         
            └───my-module
  </code></pre>
  <p>My <code>ng-package.json</code>:</p>
  <pre><code>{
    &quot;$schema&quot;: &quot;../../node_modules/ng-packagr/ng-package.schema.json&quot;,
    &quot;dest&quot;: &quot;../../dist/ui-lib&quot;,
    &quot;assets&quot;: [
      &quot;./assets/&quot;
    ],
    &quot;lib&quot;: {
      &quot;entryFile&quot;: &quot;src/public-api.ts&quot;,
      &quot;styleIncludePaths&quot;: [
        &quot;./assets/styles/_theme.scss&quot;
      ]
    },
    &quot;whitelistedNonPeerDependencies&quot;: [&quot;.&quot;]
  }
  </code></pre>
  <p>The problem is that I am not able to import my <code>_varialbe.scss</code> file in my modules' components.</p>
  <p>Can you help me how can I import <code>_variables.scss</code> file in <code>UI-lib/src/lib/modules/autcomplete/components/autocomplete/autocomplete.component.scss</code> ?</p>
  <p>I tried to search online but didn't find the solution that works.</p>