CssMinimizerPlugin can't parse css template, giving Unknown word error

Question

I am using webpack 5 with MiniCssExtractPlugin, CssMinimizerPlugin plugins. I want to compress my css file, that is actually a template file containing some dynamic css properties like

.background {
    <# if(variable == true) {#>
        background: transparent;
    <# }
}

When i build my project through web pack I got "Unknown word error"