I think these rules are way too restricted in how it has been applied recently. In our project we create web components (custom elements), there’s a need to do things a bit differently than you normally do with conventional HTML elements.
More details here: https://sonarcloud.io/project/issues?resolved=false&types=BUG&sinceLeakPeriod=true&id=Endava_bee-q
You can see how our project got hit by multiple rules that made the Quality gate status Red when it was Green before.