is it still necessary to include the border-box on both elements these days, like this?:

:root {
  box-sizing: border-box;
}

*,
*::before,
*::after {
   box-sizing: inherit;
}

or I can simply use:

*,
*::before,
*::after {
   box-sizing: border-box;
}

without including box-sizing on :root and using inherit?