`getByRole('definition', { name: 'Status' })` not working but works in Testing Playground

Given markup like the following:

<dl>
  <div>
    <dt id="ticket-status">Status</dt>
    <dd aria-labelledby="ticket-status">open</dd>
  </div>
  <div>
    <dt id="ticket-team">Team</dt>
    <dd aria-labelledby="ticket-team">My Team</dd>
  </div>
</dl>

Using the following selector:

await expect(
  page.getByRole('definition', { name: 'Status' })
).toBeVisible()

Expected

The <dd> containing "open" labeled by "Status" would be selected and the test passes.

Actual

The element is never found and an error is thrown

More Context

The odd part is that if I open the Testing Playground Chrome Extension, then evaluate:

screen.getByRole('defintion', { name: 'Status' })

That seems to work.