Sass styles are not working after upgrading node from 12 to 18

[gouthamipeddiraju]

Hello,
We recently upgrade our node version from 12 to 18 - after that sass styles are broken somehow. We cannot see styles are being applied to any of the elements in the browser and there are no console errors. Just to cross check we applied inline styles and they are working fine. Please find below information about the packages and assist us.

• NPM version (npm -v): 9.6.7
• Node version (node -v): 18.7.0
• Node Process (node -p process.versions):

{
node: '18.17.0',
acorn: '8.8.2',
ada: '2.5.0',
ares: '1.19.1',
brotli: '1.0.9',
cldr: '43.0',
icu: '73.1',
llhttp: '6.0.11',
modules: '108',
napi: '9',
nghttp2: '1.52.0',
nghttp3: '0.7.0',
ngtcp2: '0.8.1',
openssl: '3.0.9+quic',
simdutf: '3.2.12',
tz: '2023c',
undici: '5.22.1',
unicode: '15.0',
uv: '1.44.2',
uvwasi: '0.0.18',
v8: '10.2.154.26-node.26',
zlib: '1.2.13.1-motley'
}
`

• Node Platform (node -p process.platform): darwin
• Node architecture (node -p process.arch):arm64
• node-sass version (node -p "require('node-sass').info"):

node-sass 9.0.0 (Wrapper) [JavaScript]
libsass 3.5.5 (Sass Compiler) [C/C++]

• npm node-sass versions (npm ls node-sass):

├── [email protected]
└─┬ [email protected]
  └── [email protected] deduped

[josmarybermudez]

same

[cesarcoba]

same

[saper]

Please find below information about the packages and assist us.

Please provide the sass code that does not work as well as the expected output.