'How to use alias in scss file without webpack

Our scss rely on 3rd party scss which is installed in the root level of our monorepo. So the relative path is ../.../node_modules

Any good suggestions to make it work with alias?

We're developing typescript + js, use tsx to compiler our project thanks

App.scss

@import "../../node_modules/@XXXX/theme/src/activity-indicator";

Tried below configuration but no luck

{ "compilerOptions": { "noEmitOnError": true,

    "paths": {
        "$theme": "../../node_modules/@XXXX/theme/src/",
    },

sass react-typescript

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Solution	Source