Hi shubham dhorajkar,
Please use calypso sass compiler to convert the css to sass code.
https://www.dropbox.com/sh/r1vx2kig86v5wa6/AABQC8MJfNi8Ff9skinrIf7Ea?dl=0
Refer
https://docs.mendix.com/howto6/setup-mendix-ui-framework-with-koala
If you are one of the many persons using Visual Studio Code, then have a look at this option:
Add extension ‘Live Sass compiler’, click its cogwheel and add this to the settings.json, making any change to styling getting pushed to the local deployment directory:
"liveSassCompile.settings.formats": [
{
"format": "expanded",
"extensionName": ".css",
"savePath": "/../../../deployment/web/styles/web/css/"
},
{
"format": "expanded",
"extensionName": ".css",
"savePath": "/css"
}
],
The advantage over Calypso is that you need not start the extra application and need not occupy an extra port. The CSS gets created from the application in which you are making the styling changes, immediately visible in the browser.