[Bug]: CSS output extra details about lang(*) dir(*)

[1yasa]

System Info

System:
OS: macOS 14.4
CPU: (32) x64 13th Gen Intel(R) Core(TM) i9-13900KF
Memory: 6.79 GB / 32.00 GB
Shell: 5.9 - /bin/zsh
Binaries:
Node: 22.8.0 - /usr/local/bin/node
npm: 10.8.2 - /usr/local/bin/npm
pnpm: 9.9.0 - /usr/local/bin/pnpm
bun: 1.1.24 - /usr/local/bin/bun
Watchman: 2024.06.10.00 - /usr/local/bin/watchman

Details

After update to rsapck version > 0.1.4 , build app then output css that has extra unnessary content:

Here is the origin css:

.__editor_block_special {
	padding-inline-start: 0;
	padding-inline-end: 0;
	margin-inline-start: var(--editor_padding_x);
	margin-inline-end: var(--editor_padding_x);
}

Tried custom LightningCssMinimizerRspackPlugin options:

optimization: {
	minimizer: [
		new LightningCssMinimizerRspackPlugin({
			minimizerOptions: {
				exclude: {
					langSelectorList: true,
					dirSelector: true
				}
			}
		})
	]
}

Still dir selector exsit:

Temp resolution is downgrading rspack version to 1.0.4 or set targets to chrome >= 120:

optimization: {
	minimizer: [
		new LightningCssMinimizerRspackPlugin({
			minimizerOptions: {
				targets: 'chrome >= 120'
			}
		})
	]
}

Reproduce link

No response

Reproduce Steps

see above.

[inottn]

Refer to #7811.

[1yasa]

Refer to #7811.

Seem not to solve the problem for default downgrade application css. This default behavior is unacceptable.