Number variable used with a unit

What if we have a custom property that is just a number, but we would like to use it where we need a unit? Then calc is to the rescue.

.text {
  --size: 18;
  font-size: calc(var(--size) * 1px);
}