Склейка двух файлов css в один, без дублирования

Приветствую. Подскажите инструмент для склейки файлов css в один, чтоб код не дублировался. Есть два огромных файла стилей, во втором дописаны и селекторы и к некоторым селекторам свойства, некоторые свойства изменены, необходимо объединить их, чтоб не было дублей, а существующие свойства заменены,  пример как должно быть:
css1:

.block1{font-size:16px; color:red}

.block2{margin:20px}

css2:

.block1{font-size:30px; color:red;}

.block2{margin:20px; background:green;}

.block3{padding:25px}

на выходе:

.block1{font-size:30px; color:red}

.block2{margin:20px; background:green;}

.block3{padding:25px}

Мне кажется надо копать в эту сторону ссылка
Ну или вот тут что-то ссылка

Любой сборщик (Webpack, Gulp, Grunt).

vovka-morkovka, может плагин подскажете?
Hungry_Hunter, gulp-concat-css просто копипастит один цсс в конец другого

ссылка, попробуйте объединить стили через обычный concat-css, а потом очистить через что-нибудь вроде этого: ссылка

Gulp uncss