StylePropertyMapReadOnly.get()

var declarationBlock = StylePropertyMapReadOnly.get(property);

<p>
  <a href="https://example.com">リンク</a>
</p>
<dl id="results"></dl>

p {
  font-weight: bold;
}
a {
  --color: red;
  color: var(--color);
}

// 要素を取得
const myElement = document.querySelector("a");
// すべての計算済みスタイルを `computedStyleMap` で受け取る
const styleMap = myElement.computedStyleMap();
// 入力する <dl> を取得
const stylesList = document.querySelector("#results");
// 関心のあるプロパティのリスト
const ofInterest = ["font-weight", "border-left-color", "color", "--color"];
// 関心のあるプロパティを反復処理
for (let i = 0; i < ofInterest.length; i++) {
  // プロパティ
  const cssProperty = document.createElement("dt");
  cssProperty.innerText = ofInterest[i];
  stylesList.appendChild(cssProperty);
  // 値
  const cssValue = document.createElement("dd");
  // use get() to find the value
  cssValue.innerText = styleMap.get(ofInterest[i]);
  stylesList.appendChild(cssValue);
}