Why cannot a completely equal CSS be repeated multiple times (greater than 3 times) and removed in one go

[SKT1yang]

Reproduction environment:https://lightningcss.dev/playground/index.html#%7B%22minify%22%3Afalse%2C%22nesting%22%3Afalse%2C%22customMedia%22%3Afalse%2C%22cssModules%22%3Afalse%2C%22analyzeDependencies%22%3Afalse%2C%22targets%22%3A%7B%22chrome%22%3A6225920%7D%2C%22include%22%3A0%2C%22exclude%22%3A0%2C%22source%22%3A%22a%20%7B%5Cn%20%20color%3A%20%23646cff%3B%5Cn%20%20text-decoration%3A%20inherit%3B%5Cn%20%20font-weight%3A%20500%3B%5Cn%7D%5Cn%5Cna%3Ahover%20%7B%5Cn%20%20color%3A%20%23535bf2%3B%5Cn%7D%5Cn%5Cna%20%7B%5Cn%20%20color%3A%20%23646cff%3B%5Cn%20%20text-decoration%3A%20inherit%3B%5Cn%20%20font-weight%3A%20500%3B%5Cn%7D%5Cn%5Cna%3Ahover%20%7B%5Cn%20%20color%3A%20%23535bf2%3B%5Cn%7D%5Cn%5Cna%20%7B%5Cn%20%20color%3A%20%23646cff%3B%5Cn%20%20text-decoration%3A%20inherit%3B%5Cn%20%20font-weight%3A%20500%3B%5Cn%7D%5Cn%5Cna%3Ahover%20%7B%5Cn%20%20color%3A%20%23535bf2%3B%5Cn%7D%5Cn%5Cna%20%7B%5Cn%20%20color%3A%20%23646cff%3B%5Cn%20%20text-decoration%3A%20inherit%3B%5Cn%20%20font-weight%3A%20500%3B%5Cn%7D%5Cn%5Cna%3Ahover%20%7B%5Cn%20%20color%3A%20%23535bf2%3B%5Cn%7D%5Cn%22%2C%22visitorEnabled%22%3Afalse%2C%22visitor%22%3A%22%7B%5Cn%20%20Color(color)%20%7B%5Cn%20%20%20%20if%20(color.type%20%3D%3D%3D%20'rgb')%20%7B%5Cn%20%20%20%20%20%20color.g%20%3D%200%3B%5Cn%20%20%20%20%20%20return%20color%3B%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%7D%22%2C%22unusedSymbols%22%3A%5B%5D%2C%22version%22%3A%22local%22%7D

[SKT1yang]

I checked the previous issue and found that the css order will affect the final result, so the rough removal of all duplicates will cause inconsistent behavior, which I understand. However, when I clearly know that some rules are global and repeated, can I find a way to remove these repeated rules, especially when using atomic css, such as tailwindcss and unocss. There is also a special scenario that I find particularly attractive. I use the same atomic css and ui framework to develop npm components or business pages, because these npm component libraries need to be compiled and packaged first, and will appear when the app is packaged. A lot of repeated css, and these css are global.

[SKT1yang]

I hope that there is an api that can specify some global css rules to deduplicate

cssnano supports repeated precise compression, is it an unequal replacement? But node performance is not good