Do not mark min-device-width as `invalid.deprecated`

[octref]

Prerequisites

• [x] Put an X between the brackets on this line if you have done all of the following:
  • Reproduced the problem in Safe Mode: https://flight-manual.atom.io/hacking-atom/sections/debugging/#using-safe-mode
  • Followed all applicable steps in the debugging guide: https://flight-manual.atom.io/hacking-atom/sections/debugging/
  • Checked the FAQs on the message board for common solutions: https://discuss.atom.io/c/faq
  • Checked that your issue isn't already filed: https://github.com/issues?utf8=✓&q=is%3Aissue+user%3Aatom
  • Checked that there is not already an Atom package that provides the described functionality: https://atom.io/packages

Description

For below CSS code:

@media (min-device-width: 100px) {}

min-device-width is marked as invalid.deprecated.media.css. Although Atom is already on tree-sitter and it doesn't mark it as invalid.deprecated, other editors such as VS Code does. This causes an unpleasant highlighting:

Sublime's documentation also states:

I suggest making the scope support.type.property-name.media.css, as people might be working with older language. This also makes it consistent with tree-sitter's CSS grammar as it doesn't mark it as invalid/deprecated:

I can work on a PR if that change is fine for you, @maxbrunsfeld and @rsese.

Additional Information

Originally posted at https://github.com/microsoft/vscode/issues/62515

[rsese]

Thanks @octref :+1: We'll share this with the other maintainers and see what they think.

[lee-dohm]

@octref Yep, a PR for this would be great!

[octref]

The PR is at https://github.com/atom/language-css/pull/165. @rsese should I ask someone to review, or should I review it myself 😅