[Vue][Less]ディープセレクタを使用して、子コンポーネントにもスタイルを適用したい

Question

聞きたいこと

Vue, Ant Designを使用してWebアプリ開発をしています。
Ant Designで提供されているコンポーネントをカスタマイズしたいと思い、ディープセレクタを使用して子コンポーネントにまでスタイル適用したいと考えているのですが、スタイルが適用されません。

コード

<template>
  <a-modal width="200px">
    <template>
      Sample
    </template>
    <slot />
  </a-modal>
</template>

:

<style lang="less" scoped>
/deep/ .ant-modal-body {
  background-color: red
}

.ant-modal-body はtemplate 内で定義されていないですが、a-modal がrenderされると最終的に下のような形で存在しています(下の画像はChromne Developer Toolのコンソールです)