Как настроить минимизацию css на выходе из webpack?

Настроил webpack + postcss/autoprefixer/cssnano на плагине mini-css-extract-plugin, выдержка из webpack.config.js:

{
    test: /\.((s[ac]|c)ss)$/,
    use: [
        plugins.extractCSS.loader,
        {
            loader: 'css-loader',
            options: {
                sourceMap: !isProduction
            }
        },
        {
            loader: 'postcss-loader',
            options: {
                ident: 'postcss',
                sourceMap: !isProduction,
                plugins: (() => {
                    return isProduction ? [
                        require('autoprefixer')(),
                        require('cssnano')({
                            preset: ['default', {
                                minifySelectors: false
                            }]
                        })
                    ] : []
                })()
            }
        },
        {
            loader: 'sass-loader',
            options: {
                outputStyle: 'expanded',
                sourceMap: !isProduction
            }
        }
    ]
}

SCSS на входе:

.test_1 {
    color: red;
}
.test_2 {
    color: green;
}
body {
    .test_3 {
        color: red;
    }
    .test_4 {
        color: red;
    }
    .test_5 {
        color: green;
    }
}

CSS на выходе:

.test_1 {
    color: red
}
.test_2 {
    color: green
}
body .test_3, body .test_4 {
    color: red
}
body .test_5 {
    color: green
}

Но если практично посмотреть на классы и их свойства, то можно оптимизировать и их, например так:

.test_1, body .test_3, body .test_4 {
    color: red
}
.test_2, body .test_5, {
    color: green
}

Вопросы:

1. Стоит ли так оптимизировать css на выходе?
2. Как настроить подобную оптимизацию в cssnano (или в другом плагине)?