Смысл в высоте. Когда блок закрыт — height:0, когда открыт — height:100%
.mobile-menu {
position: fixed;
overflow: auto;
left: 0;
right: 0;
background-color: $monochrome-100;
visibility: hidden;
height: 0;
top: 0;
transition: $transition;
z-index: 99;
&.opened {
top: 0;
height: 100%;
visibility: visible;
opacity: 1;
transition: $transition;
}
}