How composes works in css-modules?

Question

css

Hello. I started using css-modules and ran into this question, shouldn't composes merge classes into one?
Now it works like this:

.basic {
  border: none;
  background: transparent:
}
.primary {
  composes: basic;
  color: white;
  background: blue;
}
.sizeM {
  height: 40px;
  padding: 0 20px;
}

на выходе получаю:
.button_primary_3Xd_0 
.button_basic_3xC_0 
.button_sizeM_15a_0

Is this how it's supposed to work?

Answer 1

Unfortunately not, if you use only the .primary class, then the output will be something like
and css will have both classes

.button_primary_3Xd_0 {
  color: white;
  background: blue; /* переопределяет свойство из basic */
}
.button_basic_3xC_0 {
  border: none;
  background: transparent:
}