css - CSS セレクターとプリプロセッサーの自動結合/マージ

Question

基本的な CSS の例。私が遭遇したすべてのブラウザは、マージンとパディングと赤い境界線でアイテムをレンダリングします

.test{
    margin: 4px;
    border: 1px solid black;
    padding: 4px;
}

.test{
    border: 1px solid red;
}

当然、この CSS を手で書いていたら、黒を赤に置き換えて、ルールは 1 つしかありません。

しかし、最初のルールが、他の場所で使用されているために編集できない親 CSS ファイル (または私の場合は LESS ファイル) からのものである場合、またはハッキングしたくないサードパーティのライブラリからのものである場合は、別のルールを追加する以外に方法はありません。

サーバー側の LESS -> CSS コンパイルと縮小を使用しているので、コンプレッサー/ミニファイヤがルールをちょうど

.test{
    margin: 4px;
    border: 1px solid red;
    padding: 4px;
}

しかし、私が試したことはすべて、両方のルールを保持しています。一部のコンプレッサー/ミニファイアーは、改行を削除するところまで行きます

.test{margin:4px;border:1px solid black;padding:4px}.test{border:1px solid red}

単一の改行文字を取り除きますが、まったく不要なルール宣言を残しました。これは私には奇妙に思えます。

これができるシステムはありますか？(できれば node.js のアドオン) そうでない場合、その理由がわかりますか? 私にはマイナス面がなく、かなり大きなファイルサイズを節約できるようです。

免責事項セレクターの組み合わせ、セレクターのマージ、およびいくつかのバリエーションを検索しようとしましたが、この手順の一般的な用語を見逃していた場合はお詫びします。