baby, ::details-content and ::target-text are subject to warnings when building a .css file with vite. please erase these warnings.

Example:

body {
  &::details-content,
  &::target-text {
      opacity: 0%;
    }
}

[vite:css][lightningcss] 'details-content' is not recognized as a valid pseudo-element. Did you mean ':details-content' (pseudo-class) or is this a typo?

[vite:css][lightningcss] 'target-text' is not recognized as a valid pseudo-element. Did you mean ':target-text' (pseudo-class) or is this a typo?

warnings when minifying css:
'target-text' is not recognized as a valid pseudo-element. Did you mean ':target-text' (pseudo-class) or is this a typo?

https://caniuse.com/mdn-css_selectors_details-content
https://css-tricks.com/almanac/pseudo-selectors/d/details-content/

https://developer.mozilla.org/en-US/docs/Web/CSS/::target-text
https://caniuse.com/mdn-css_selectors_target-text