[CSS][Nightly only] Disable -moz-transform* and -moz-transition* properties

[Rumyra]

Acceptance Criteria

• The listed features are documented sufficiently on MDN
• BCD is updated
• Interactive example and data repos are updated if appropriate
• The content has been reviewed as needed

For folks helping with Firefox related documentation

• Set bugs to dev-doc-complete
• Add entry to Firefox release notes if feature is enabled in release
• Add entry to Firefox experimental features page if feature is not yet enabled in release

Related Gecko bugs

https://bugzilla.mozilla.org/show_bug.cgi?id=1855763

https://bugzil.la/390936 (CSS zoom)

Related issues and pull requests:

• Content relnote(120): nightly disables CSS -moz-prefixed transform properties, enables CSS zoom property #29815
• content clean-up relnote(120): removal of -moz-transform props #29911
• BCD (zoom) relnote(120): Fx nightly enables CSS zoom property by default browser-compat-data#21122
• BCD (-moz- prefixes): relnote(120): Mark prefixed transition and transform props as removed in Nightly browser-compat-data#21195

Other

• Check content open issues to see if any pertain to the subject matter. If there are any that can be closed because of the work, do so. If there are any that can be fixed relatively quickly because of the knowledge from completing this issue and you have time, feel free to go ahead and fix them.
• Check if glossary updates are required for the feature you're documenting - whether an existing term needs to be updated or a new term should be added.
• Check if BCD update means that content pages need to have experimental markup removed or deprecated markup added (front matter tags and macros).

[bsmth]

Related discussion on CSS zoom: w3c/csswg-drafts#5623

[bsmth]

Note for myself to check -moz-transform* props and others under the pref:

+if (IsCSSPropertyPrefEnabled("layout.css.prefixes.transforms")) {
+  Object.assign(gCSSProperties, {
+    "-moz-transform": {
+      domProp: "MozTransform",
+      inherited: false,
+      type: CSS_TYPE_SHORTHAND_AND_LONGHAND,
+      alias_for: "transform",
+      subproperties: ["transform"],
+    },
+    "-moz-transform-origin": {
+      domProp: "MozTransformOrigin",
+      inherited: false,
+      type: CSS_TYPE_SHORTHAND_AND_LONGHAND,
+      alias_for: "transform-origin",
+      subproperties: ["transform-origin"],
+    },
+    "-moz-perspective-origin": {
+      domProp: "MozPerspectiveOrigin",
+      inherited: false,
+      type: CSS_TYPE_SHORTHAND_AND_LONGHAND,
+      alias_for: "perspective-origin",
+      subproperties: ["perspective-origin"],
+    },
+    "-moz-perspective": {
+      domProp: "MozPerspective",
+      inherited: false,
+      type: CSS_TYPE_SHORTHAND_AND_LONGHAND,
+      alias_for: "perspective",
+      subproperties: ["perspective"],
+    },
+    "-moz-backface-visibility": {
+      domProp: "MozBackfaceVisibility",
+      inherited: false,
+      type: CSS_TYPE_SHORTHAND_AND_LONGHAND,
+      alias_for: "backface-visibility",
+      subproperties: ["backface-visibility"],
+    },
+    "-moz-transform-style": {
+      domProp: "MozTransformStyle",
+      inherited: false,
+      type: CSS_TYPE_SHORTHAND_AND_LONGHAND,
+      alias_for: "transform-style",
+      subproperties: ["transform-style"],
+    },
+  });
+}

And -moz-transition*:

if (IsCSSPropertyPrefEnabled("layout.css.prefixes.transitions")) {
  Object.assign(gCSSProperties, {
    "-moz-transition": {
      domProp: "MozTransition",
      inherited: false,
      type: CSS_TYPE_TRUE_SHORTHAND,
      applies_to_marker: true,
      alias_for: "transition",
      subproperties: [
        "transition-property",
        "transition-duration",
        "transition-timing-function",
        "transition-delay",
      ],
    },
    "-moz-transition-delay": {
      domProp: "MozTransitionDelay",
      inherited: false,
      type: CSS_TYPE_SHORTHAND_AND_LONGHAND,
      applies_to_marker: true,
      alias_for: "transition-delay",
      subproperties: ["transition-delay"],
    },
    "-moz-transition-duration": {
      domProp: "MozTransitionDuration",
      inherited: false,
      type: CSS_TYPE_SHORTHAND_AND_LONGHAND,
      applies_to_marker: true,
      alias_for: "transition-duration",
      subproperties: ["transition-duration"],
    },
    "-moz-transition-property": {
      domProp: "MozTransitionProperty",
      inherited: false,
      type: CSS_TYPE_SHORTHAND_AND_LONGHAND,
      applies_to_marker: true,
      alias_for: "transition-property",
      subproperties: ["transition-property"],
    },
    "-moz-transition-timing-function": {
      domProp: "MozTransitionTimingFunction",
      inherited: false,
      type: CSS_TYPE_SHORTHAND_AND_LONGHAND,
      applies_to_marker: true,
      alias_for: "transition-timing-function",
      subproperties: ["transition-timing-function"],
    },
  });
}

[zcorpan]

Note that the changes for zoom, -moz-transform and -moz-transition only affect Firefox Nightly currently, not beta or stable.

cc @emilio

[bsmth]

Thank you @zcorpan! I've opened a PR linked above that clarifies this (preview for convenience).

I've grouped the -moz- removals under zoom for now and put in separate sections for transform* and transition* in case only one of these change status again in future.

[bsmth]

As of now, one remaining BCD pull request is awaiting review & merge, but there's nothing else outstanding on this one, so I'm closing as done.