css - 最適化され削減された CSS ルール セットを生成するためのツール

Question

カスタム テーマと一緒に独自の CSS ファイルを持つ CSS ライブラリ (例: Bootstrap) を使用しているとしましょう。

Bootstrap の CSS には、次のようなルールがある場合があります。

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

そして、私のカスタムテーマで.fooは、次のようにオーバーライドされます:

.foo {
   border-color: red;
   border-width: 2px;
}

効果的で計算されたルールは次のようになります。

.foo {
   border: 2px solid red;
   padding: 4px;
}

1 つまたは複数の CSS ファイルのセットを指定して、この縮小、最小化、効果的な CSS 出力を生成できるツールはありますか?