div {
  $foo: null !default;
  $foo: inner !default;
  $foo: null !default;
  $foo: lexical;
  inner { foo: $foo; }
}

// this should error
// empty { foo: $foo; }

$foo: null !default;
$foo: outer !default;
$foo: null !default;
outer { foo: $foo; }

div {
  $foo: null !default;
  $foo: footer !default;
  $foo: null !default;
  $foo: lexical;
  inner { foo: $foo; }
}