Can't work when child components use teleport to body

[neohan666]

when child component use teleport :

<template>
  <teleport to="body">
    <div></div>
  </teleport>
</template>

parent component used :deep but can't work :

<style lang="less" scoped>
:deep(.modal) {
  h4 {
    text-align: left !important;
  }
}
</style>

how should i do ?