var-less.css

div {
  width: 3px;
}
@media (min-width: 1px + 2px) { // !!!
  body {
    background-color: red;
  }
}

var-scss.css

div {
  width: 3px;
}

@media (min-width: 3px) {
  body {
    background-color: red;
  }
}

var.less

@x: 1px;
@y: 2px;
@z: @x + @y;

div {
  width: @z;
}

@media (min-width: @z) {
  body { background-color: red }
}

var.scss

$x: 1px;
$y: 2px;
$z: $x + $y;

div {
  width: $z;
}

@media (min-width: $z) {
  body { background-color: red }
}