@mixin root-container() { ... }@mixin root-container() { 
  @include typography.style-as('price-medium');

  --kib-product-price-color: #{settings.$text-color};

  color: var(--kib-product-price-color, #{settings.$text-color});
 }

@mixin strikethrough() { ... }@mixin strikethrough() { 
  @if $type == 'xs' {
    @include typography.style-as('price-x-small-strikethrough');
  } @else {
    @include typography.style-as('price-small-strikethrough');
  }

  --kib-product-price-color: #{settings.$strike-text-color};
 }

@mixin deal() { ... }@mixin deal() { 
  --kib-product-price-color: #{settings.$deal-text-color};
 }

@mixin font-styles($type: md) { ... }@mixin font-styles($type: md) { 
  @if $type == 'md' {
    @include typography.style-as('price-medium');
  } @else if $type == 'sm' {
    @include typography.style-as('price-small');
  } @else if $type == 'lg' {
    @include typography.style-as('price-large');
  } @else if $type == 'xl' {
    @include typography.style-as('price-x-large');
  }
 }

@mixin label() { ... }@mixin label() { 
  @include kib-core.visually-hidden;
 }

$text-color: color.get('ui-elements', 'price', '03') !default;

$strike-text-color: color.get('ui-elements', 'price', '02') !default;

$deal-text-color: color.get(
  'ui-elements',
  'price',
  'primary'
) !default;