mixins-via-custom-properties.css

:root {
  --button: {
    background-color: var(--bg-color);
    color: var(--text-color);
  }
}

.blueButton {
  --bg-color: blue;
  --text-color: #fff;
  @apply --button;
}

.greenButton {
  --bg-color: green;
  --text-color: #fff;
  @apply --button;
}