Duplicate CSS selectors in bundle?

[trymeouteh]

When I make a bundle, I find there are duplicate selectors in the build. Is there a way to fix this without minifying the bundle?

This is my simple code...

- src/
   - stylesheetA.css
   - stylesheetB.css
   - stylesheetBA.css
- dist
   - my-package.css
- bundle.css
- package.json

bundle.css

@import 'src/stylesheetA.css';
@import 'src/stylesheetB.css';

package.json

{
  "name": "my-package",
  "version": "1.0.0",
  "license": "MIT",
  "scripts": {
    "build": "lightningcss --bundle bundle.css -o dist/my-package.css"
  },
  "devDependencies": {
    "lightningcss-cli": "^1.24.1"
  }
}

src/stylesheetA.css

h1 {
	color: white;
}

src/stylesheetB.css

@import 'stylesheetBA.css';

h1 {
	background-color: black;
}

src/stylesheetBA.css

h1 {
	border: red 5px solid;
}

dist/my-package.css output

h1 {
  color: #fff;
  border: 5px solid red;
}

h1 {
  background-color: #000;
}

What I expected from the dist/my-package.css output

h1 {
  color: #fff;
  border: 5px solid red;
  background-color: #000;
}

[trymeouteh]

Closing this discussion and opening this as an issue

#795