Imported CSS still available in child components

I imported SCSS FIles in my root component while using scoped:

<style lang="scss" scoped>
@use "@/styles/_variables";
@use "@/styles/layout/_borders";
@use "@/styles/components/_buttons";
@use "@/styles/components/_customdropdown";
@use "@/styles/base/_typography";
@use "@/styles/base/_backgrounds";
@use "@/styles/_loader.scss";

So I expect the CSS not being available in child components cause styles should be encapsulated and not inherited to these children. But using classes from those files still works and are taking effect. Can someone explain this behavior?