::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞)警

问题描述：vue3.0使用sass预处理器使用::v-deep深度选择器抛出如下警告

[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep() instead.

原因新的vue3.0 单文件规范::v-deep写法已经被废弃了

1、报错

<style lang="scss" scoped>
  ::v-deep .box{
    background: pink;
  }
</style>

2、正确

<style lang="scss" scoped>
  :deep(.demo){
    background: pink;
  }
</style>