via-type-preset-property.scss

/*
  Sets a global variable $prop-at-breakpoint and calls your content block
  for any breakpoint in which the request property is present in the preset's configuration.
*/

@mixin via-type-preset-property($preset-name, $property-name) {
  @if not map-has-key($type-sizes, $preset-name) {
    @warn "No typestyles for '#{$preset-name}'. Available options: #{map-keys($type-sizes)}";
  }
  
  $preset: map-get($type-sizes, $preset-name);
  
  @each $breakpoint, $rules in $preset {
    // $breakpoint like "base", "2col", etc
    // $rules like the all styles and rules associated with that breakpoint
    @if map-has-key($rules, $property-name) {
      $prop-at-breakpoint: map-get($rules, $property-name) !global;
    
      @if $breakpoint == 'base' {
        @content;  
      }
      @else {
        @include breakpoint($breakpoint) {
          @content;
        }  
      }
    }
  }
}

.my-selector {
  @include via-type-preset-property(body, font-size) {
    height: $prop-at-breakpoint * 3;
  }
}