Так же как и у других элементов.
Конкретно в вашем случае:
let rect = document.querySelector('#mask > rect');
rect.style.fill = "rgba(255, 255, 255, 0.30)";
UPD. Сразу не понял вопроса. Точнее первую строчку не дочитал. Вот:
svg:hover #mask > text {
fill: rgb(125,125,125);
}
добавь нужные селекторы, и делай красиво. Тут я просто возможности css показал.