悬停时，如何在 24 中突出显示整行 vaadin-grid？

Question

我正在将我的 Polymer 3.0 Javascript 应用程序从 v14 Vaadin 组件升级到 V24。我已经克服了许多重大变化，但我无法解决这个问题。

在 Vaadin 14 中，我可以在悬停时突出显示网格中的一行，并将其放置在 vaadin-grid 的自定义主题中：

[part~="row"]:hover > [part~="body-cell"] {
  background: var(--lumo-primary-color-10pct);
}

在 Vaadin 24 中，vaadin-grid 中一行的样式是根据 CSS 选择器：

vaadin-grid::part(row)

使用这个选择器，我没有成功地将背景颜色应用到网格行（有或没有 :hover 伪类）。

例如：

vaadin-grid::part(row):hover {
  color: green;
  background: orange;
}

选择悬停的任何行，将绿色应用于文本，but 背景不变。

vaadin-grid::part(body-cell):hover {
  color: green;
  background: orange;
}

选择悬停在上面的任何单元格，将绿色应用于文本和橙色应用于背景。

如何在 24 中将悬停高亮应用到整行 vaadin-grid？