next-yak automatically uses css modules behind the scenes and in nextjs css modules are local by default.
this means that selectors e.g. html.dark-mode will be scoped automatically to the component

for example

const StyledDiv = styled.div`
  background-color: #f0f0f0;
  html.dark-mode & {
    background-color: #000;
  }
`;

becomes

.StyledDiv-be2f45 {
  background-color: #f0f0f0;
  html.dark-mode-a4e345 & {
    background-color: #000;
  }
}

so although the user wrote html.dark-mode it would NOT match.

as this is unintuitive for most users and therefore next-yak should automatically inject :global