AFAIK, CSS cannot affect the DOM tree. So, display: none just says the element should not be displayed, not that it should cease to exist. Style/structure separation and all that.

Hi, did you consider controlling the gap decorations with pseudo elements? It would be a generic approach and is close to how ::after and ::before works, and it could work both for flexbox and grid.