【报Bug】微信小程序多层嵌套组件，子组件给其下面的组件样式不生效

子组件给其他组件赋予样式异常。示例为三部分，index.vue、aaa.vue、m-button.vue。

//index.vue  
<template>  
  <view class="container">  
    <view style="width: 100rpx; height: 100rpx">  
      <aaa></aaa>  
    </view>  
  </view>  
</template>  

<script setup lang="ts">  
import aaa from "./components/aaa.vue";  
</script>  

<style lang="scss">  
.container {  
  display: flex;  
}  
</style>  

//aaa.vue  
<template>  
  <view class="container11">  
    <MButton type="primary">你好</MButton>  
  </view>  
</template>  

<script setup lang="ts">  
import MButton from "@/components/m-button.vue";  
</script>  

<style lang="scss">  
.container11 {  
  &::v-deep .m-button {  
    width: 200rpx;  
  }  
  .m-button{  
    width: 200rpx;  
  }  
}  
</style>  

//m-button.vue  
<template>  
    <button  
      class="m-button"  
      :class="classComputed"  
      :open-type="openType"  
      @chooseavatar="emits('chooseavatar', $event)"  
    >  
      <text>  
        <slot></slot>  
      </text>  
    </button>  
  </template>  

  <script setup lang="ts">  
  const props = defineProps<{  
    type: "default" | "primary" | "gradient-primary";  
    size?: string;  
    disabled?: boolean;  
    loading?: boolean;  
    icon?: string;  
    round?: boolean;  
    openType?: "chooseAvatar";  
  }>();  
  const emits = defineEmits<{  
    (e: "chooseavatar", value: any): void;  
  }>();  
  const classComputed = computed(() => {  
    return {  
      "m-button--round": props.round,  
      "m-button--disabled": props.disabled,  
      "m-button--loading": props.loading,  
      [`m-button--${props.type}`]: props.type,  
      [`m-button--${props.size}`]: props.size,  
    };  
  });  
  </script>  

  <style lang="scss">  
  .m-button {  
    // 添加你需要的基础样式  
  }  
  .m-button--primary {  
    // 定义 primary 按钮的样式  
  }  
  .m-button--round {  
    // 定义圆角按钮的样式  
  }  
  // 添加其他需要的样式  
  </style>