Multiple less files with variable interpolation is not compiling using parcel

[ArunaArivazhagan]

I have tried to compile 2 less files with Variable declaration using Parcel. Below trying to compile two Less file with variable interpolation approach like "@component-name: banner1;" and "@component-name: "banner2"; and then trying to compile the less and its compiling only the last imported less file.

Find the below git repo and test to replicate the issue.

Clone the below repo https://github.com/ArunaArivazhagan/parecelless from the root directory run "npm install " then run "rpm run build" from the root directory. Once the build success go to theme/dist/theme.css Actually parcel is compiling only the last https://github.com/import css in theme.less. it is not supporting two less import.

[ArunaArivazhagan]

Any updates on the above issue ? Can anyone help me on this ?

[ArunaArivazhagan]

@mischnic

Can you please help me on this issue ?

[mischnic]

It looks like less variables are global:

If you run npx lessc index.scss (the official less compiler) in that repo, the output is

.banner2 {
  font-weight: bold;
  line-height: 40px;
  margin: 0 auto;
}
.banner2 {
  font-weight: bold;
  line-height: 40px;
  margin: 0 auto;
}