vue3中css使用script中定义的变量

代码

<template><div class="box">haha</div>
</template><script setup lang="ts">
const boxWidth = '500px'
</script><style lang="scss">
.box {width: v-bind(boxWidth);height: 200px;background-color: red;
}
</style>

效果