alias of ui scss is modified

angular.json

@@ -27,9 +27,6 @@
               "projects/ucap-webmessenger-app/src/favicon.ico",
               "projects/ucap-webmessenger-app/src/assets"
             ],
-            "stylePreprocessorOptions": {
-              "includePaths": ["projects/ucap-webmessenger-ui/src/assets/scss"]
-            },
             "styles": ["projects/ucap-webmessenger-app/src/styles.scss"],
             "scripts": [],
             "customWebpackConfig": {

config/renderer.webpack.config.js

@@ -1,7 +1,18 @@
+const path = require('path');
+
 module.exports = (config, options) => {
   const PRODUCTION = process.env.NODE_ENV === 'production';
 
   config.target = 'electron-renderer';
 
+  config.resolve.alias = {
+    ...config.resolve.alias,
+    '@ucap-webmessenger-scss/ui': path.resolve(
+      __dirname,
+      '..',
+      'projects/ucap-webmessenger-ui/src/assets/scss'
+    )
+  };
+
   return config;
 };

projects/ucap-webmessenger-app/src/styles.scss

@@ -1,4 +1,4 @@
-@import 'ucap-ui';
+@import '~@ucap-webmessenger-scss/ui/ucap-ui';
 
 @import 'assets/scss/ucap';