Aetae

Результат sass

.menu
    &_link

не .menu_item .menu_link, а просто.menu_link.
Где-то с этим проблема.

Возможно ниже по коду есть ещё одно объявление font-size для .menu_link, которое обладает более высоким приоритетом по праву очередности, а когда вы указываете .menu_item .menu_link уже это правило обладает более высоким приоритетом над последующим .menu_link как более точный селектор.

Скорее всего это объявление идёт ниже в @media с max-width большим 1200px - в таком случае просто поменяйте порядок @media.

Ну а кто вам в консоль смотреть будет?
Для кого SyntaxError: missing ) after argument list написано?
Поставьте в конце скобочку и change заработает(остальной кривой код - другой вопрос:)).

Поставьте блоку примерно такое:

max-height: 100vh; /* тут возможно ещё calc, если блок не от самого верха  */
overflow: auto;

Можно попробовать такое извращение, чтобы заигнорить "бесклассовые" параграфы:

p:not([class]) {
    display: contents;
}

только работать в IE оно не будет в любом случае.

Правильное решение - пропатчить движок, тем или иным способом, всё остальное - хрень.