Generated by SassMeister.com.

SassMeister-input.scss

// ----
// libsass (v3.5.4)
// ----

$pfe-colors: (
  text:     #222,
  ui-link:  #06c,
  accent:   #c00,

);
@function to-string($list, $glue: '', $is-nested: false) {
    $result: null;

    @for $i from 1 through length($list) {
        $e: nth($list, $i);

        @if type-of($e)==list {
            $result: $result#{to-string($e, $glue, true)};
        }

        @else {
            $result: if($i !=length($list) or $is-nested,
            $result#{$e}#{$glue},
            $result#{$e});
        }
    }

    @return $result;
}
@function pfe-color($cssvar,
$category: 'color',
$map: $pfe-colors) {
    @if $category !="" {
        $category: "#{$category}--";
    }

    @return var(--pfe-theme--#{$category}#{$cssvar}, #{map-get($map, $cssvar)});
}
///////////////////////////

@function pfe-radio($cssvar...) {
    @return var(--pfe-broadcasted--#{to-string($cssvar, '--')});
}
@function pfe-radio-test($broadcast, $fallback) {
    @return 
    var(
    --pfe-broadcasted--color--#{to-string($broadcast,'--')},
    //--pfe-theme--color--#{to-string($fallback)}
    #{pfe-color(
      $fallback
      )}
    );
}


.foo {
  color: #{pfe-radio(blue, red, green)};
  background-color: #{pfe-radio-test(ui-link, accent)};
}

SassMeister-output.css

.foo {
  color: var(--pfe-broadcasted--blue--red--green);
  background-color: var(--pfe-broadcasted--color--ui-link, var(--pfe-theme--color--accent, #c00));
}