Space Management after BS3

[arcanisgk]

I don't know if I'm old-fashioned or what? but I have been following bootstrap since version 3, and I can say that the best thing that version had was the ease of making changes, mainly to the sizes of the elements, to the rounded corners, padding and margins, without the need for be an expert in css or sass or less scss.

But with the use of sass for the development of BS4 and BS5, and the amount of variables that are handled, it is ridiculously difficult to try to make any changes to it.

There is or can be implemented a set of variable based on % that affects these empty spaces in the design; mainly rounded corners, padding, and margins?
and for example you can remove 50%, if a margin was originally 30px it would be 15, using/change value of sass variable $custom-spaces-margin=50; //default 0

Why?
I would like to design an administrative dashboard with the mindset that many commercial industries still operate in 720p resolutions (not mobile devices) and have no idea how much space is lost when we have 30+ margins and padding. pixels on the sides.

The Forms honestly cannot have more than 3 horizontal fields so that they are legible and if you place some type of Menu it ends up occupied 35% of the screen; If you want to make a personal data registration form for human resources, the vertical scroll is kilometers based on the number of rows that have been added.

you can try to see this link in 720 px resolution in a desktop environment: https://getbootstrap.com/docs/5.0/forms/form-control/#file-input

or this (and the designer have make a great jobs) but have some waste space:

[arcanisgk]

How do you get attention ???