Add linting rules to flag CSS that doesn't work well with rtl automatically

[lyonsil]

Enable some CSS/Tailwind linting rules to flag things that explicitly use styles that don't translate automatically when in a right-to-left context so we can either

• replace them with logical properties, or
• mark them as intentional exceptions

From a long discussion in Discord.

.inset {
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  inset: 0;
}
.margin {
-  margin-left: 0;
+  margin-inline-start: 0;
}

Possible solutions:

• https://github.com/csstools/stylelint-use-logical

In response to a sample from stylelint-use-logical, @merchako mentioned:

Unfortunately, I don't see any Tailwind classes flagged with this linter. We might be able to configure our own logical Tailwind linting by extending linting of the Tailwind CSS Intellisense