hide-on & show-on seem to break anything that isn't set as display block

When using `hide-on` and `show-on` to change the visibility of an element set to `display: flex;` it seems to override the existing display mode and set it to block which is undesired. Setting `show-on` to `display: inherit` seems to have fixed this for me but I don't feel confident enough in my CSS skills to just go and submit a PR for this issue!

Would appreciate it if somebody a little more knowledgeable wouldn't mind testing this ;P

Tái hiện vấn đề với một phần tử sử dụng `display: flex` và hành vi `hide-on` hoặc `show-on` được mô tả trong báo cáo. Kiểm tra cách các tiện ích SCSS này thiết lập các giá trị display; công việc được hoàn tất khi các thay đổi về khả năng hiển thị không còn thay thế chế độ display không phải block hiện có của một phần tử.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.