.cls1 { /*!*/ }
.cls2 {
composes: cls1;

margin: calc(var(--space) / 2) 0;

&:first-child {
margin-top: 0;
}

&:last-child {
margin-bottom: 0;
}
}