How to minify css class names in webpack build?

Question

webpack

Hello everyone, I really like long css class names, for example
.my-super-puper-class__puperrest-class
, of course, with this approach in scss, the file size is very unoptimized even after cssnano / cleanCss, since plugins do not change class names.
I want to get a code that, for example

.my-super-puper-class .more-puper-class__the-most-puper-class {
  cursor: help;
}

became

/*имеет ли смысл оптимизатору сжимать имена до .a .b вместо .a .b__c ?*/
.a .b {
  cursor: help;
}

is it possible?