Deprecate utility mixins in spacing.scss

As part of the Tailwind CSS migration initiative, we are deprecating existing utility mixins by changing their gl- prefixes to gl-deprecated-.

This issue is about deprecating mixins declared in src/scss/utility-mixins/spacing.scss.

Changes summary

Updated December, 4th 2023

2613 files changed, 7627 insertions(+), 7627 deletions(-)

Tailwind core plugins needed

  • margin
  • padding
  • gap
  • Custom util for gl-collapse-empty

Implementation steps

  • Make sure that your local GDK is up-to-date and that you don't have any work in progress there. Copy the gitlab/ directory absolute path to be used in the next step.
  • Run the deprecation script against spacing.scss: 
    node bin/deprecate_utils.js spacing.scss <path/to/gdk/gitlab/>
  • Enable Tailwind CSS core plugins that provide replacements for the now-deprecated utils.
  • Commit and push the GitLab UI changes. Make sure to mark them as BREAKING.
  • In the GDK, create a new branch and install the dev build of @gitlab/ui. This will serve as the integration branch. Commit and push the changes, create an MR. Link to the integration MR in the GitLab UI MR.
  • Put both MRs out for review.
Edited by Peter Hegman