How to remove unnecessary code in CSS when writing in SASS?

Question

css

I write in SASS and when you write in SASS justify-content: space-between;you get this in CSS:-

webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;

Or else, for example, when you write column-gap: 30px;, you get

-webkit-column-gap: 30px;
          column-gap: 30px;

Why is this and is it possible to cut it down somehow? For this is useless code that loads your code and it becomes even larger than in the same SASS, and also violates readability

Answer 1

it's called - css property prefixes. and your sass is smarter than you and does everything right.
read https://itchief.ru/lessons/html-and-css/css-browse...
and google on this topic what they are for