relative import is not working in sass

[rushi3691]

i'm migrating from CRA to farm

this is the code from file src/assets/scss/custom/pages/_authentication.scss

.bg-login {
    background-image: url("../../../images/Truck_wallpaper.jpg");
    padding: 60px 0px;
    background-size: cover;
    background-position: center center;
    position: relative;
    border-radius: 0px 0px 50% 50%;
}

this, importing image, is working is CRA,

but when i migrate from CRA to farm, it says path not found for the image

but when i change the path,
as

.bg-login {
    background-image: url("/images/Truck_wallpaper.jpg");
    padding: 60px 0px;
    background-size: cover;
    background-position: center center;
    position: relative;
    border-radius: 0px 0px 50% 50%;
}

,its working

i don't want to change the code to keep it compatible with old ways

here's the directory structures

.
├── farm.config.js
├── package.json
├── public
│   ├── index.html
├── src
│   ├── App.css
│   ├── assets
│   ├── index.css
│   └── index.jsx
└── webpack.config.js

and for assets folder

src/assets
├── css
│   ├── Custom.css
│   ├── ReactToastify.css
│   └── tableComponent.css
├── fonts
│   └── summernote.woff
├── images
│   └──  Truck_wallpaper.jpg
└── scss
    ├── app-dark.scss
    ├── app.scss
    ├── bootstrap-dark.scss
    ├── bootstrap.scss
    ├── custom
    │   ├── components
    │   ├── fonts
    │   │   └── _fonts.scss
    │   └── pages
    │       └──  _authentication.scss
    ├── tasks.scss
    └──  theme.scss

error:

[ Farm ] Error: Failed to start the server
Caused by: Error: Can not resolve `../../../images/Truck_wallpaper.jpg` from src/components/CommonForBoth/rightbar.scss.
Original error: None.

Potential Causes:
1.The file that `../../../images/Truck_wallpaper.jpg` points to does not exist.
2.Install it first if `../../../images/Truck_wallpaper.jpg` is an dependency from node_modules, if you are using pnpm refer to [https://pnpm.io/faq#pnpm-does-not-work-with-your-project-here] for solutions.
3. If `../../../images/Truck_wallpaper.jpg` is a alias, make sure your alias config is correct.

farm.config.js

import { defineConfig } from '@farmfe/core';
import sassPlugin from '@farmfe/plugin-sass';


export default defineConfig({
  compilation: {
    input: {
      index: './public/index.html',
      app: './src/index.jsx'
    },
  },
  plugins: [
    '@farmfe/plugin-react',
    sassPlugin()
  ]
});

[fu050409]

Duplicated with #1782