nvue不支持css的变量使用，有什么办法解决

.movableArea::after {
content: '';
position: absolute;
top: -1px;
left: -1px;
z-index: 100;
width: var(--outerW);
height: var(--outerW);
border-radius: var(--outerW);
background-color: rgba(153, 153, 153, 0.2);
overflow: hidden;
box-sizing: border-box;
filter: blur(3px);
}

在伪类里有获取变量，但是nvue拿不到。有什么办法可以解决吗