Backport scss changes for https://gitlab.com/gitlab-org/gitlab-ee/merge_requests/7973

What does this MR do?

Backports CE changes for EE https://gitlab.com/gitlab-org/gitlab-ee/merge_requests/7973

What are the relevant issue numbers?

https://gitlab.com/gitlab-org/gitlab-ee/issues/5781

Does this MR meet the acceptance criteria?

• Changelog entry added, if necessary
• Documentation created/updated
• Tests added for this feature/bug
• Conforms to the code review guidelines
• Conforms to the merge request performance guidelines
• Conforms to the style guides
• Conforms to the database guides