diff --git a/danger/tailwindcss/Dangerfile b/danger/tailwindcss/Dangerfile
index 10ebb63118bb853dadd0a98ea94b51bcb8d553a5..bd78a3423b1d144487e98be456d82bde507b3965 100644
--- a/danger/tailwindcss/Dangerfile
+++ b/danger/tailwindcss/Dangerfile
@@ -39,6 +39,8 @@ module Danger
         end
 
       files_with_legacy_utils = @helper.all_changed_files.flat_map do |file|
+        next [] if file.end_with?('tailwind_equivalents.json')
+
         diff = @git.diff_for_file(file)
 
         # When a file is just moved around it appears in the changed files list
@@ -75,8 +77,7 @@ module Danger
       We are in the process of migrating our CSS utility classes to [Tailwind CSS](https://tailwindcss.com/).
       The above CSS utility classes do not comply with Tailwind CSS naming conventions.
       Please use the Tailwind CSS equivalent if it is available.
-      For more information on how to determine what CSS utility classes to use see
-      our [Tailwind CSS developer documentation](https://docs.gitlab.com/ee/development/fe_guide/style/scss.html#tailwind-css).
+      For more information see [Tailwind CSS developer documentation](https://docs.gitlab.com/ee/development/fe_guide/style/scss.html#tailwind-css).
 
       If the Tailwind CSS equivalent is not available, it is okay to use the legacy CSS utility class for now.
       The Tailwind CSS equivalent will be made available when the corresponding migration issue
@@ -123,8 +124,21 @@ module Danger
     end
 
     def format_files_with_legacy_utils_list(files)
+      # rubocop:disable Gitlab/Json -- we are outside of the GitLab Rails context
+      # and therefore do not have access to the dependencies required for
+      # Gitlab::Json.parse to work.
+      tailwind_equivalents = JSON.parse(
+        File.read("./scripts/frontend/tailwind_equivalents.json")
+      )
+      # rubocop:enable Gitlab/Json
+
       files.map do |file, legacy_utils|
-        "- `#{file}`\n" + legacy_utils.map { |legacy_util| "  - `#{legacy_util}`" }.join("\n")
+        legacy_utils_bullet_points = legacy_utils.map do |legacy_util|
+          tailwind_equivalent = tailwind_equivalents[legacy_util] || "Not available"
+          "  - `#{legacy_util}` - Tailwind CSS equivalent: `#{tailwind_equivalent}`"
+        end.join("\n")
+
+        "- `#{file}`\n" + legacy_utils_bullet_points
       end.join("\n")
     end
   end
diff --git a/scripts/frontend/tailwind_equivalents.json b/scripts/frontend/tailwind_equivalents.json
new file mode 100644
index 0000000000000000000000000000000000000000..05ecf6584fa9a730ba9ae58bc3b1fe7e66b699f7
--- /dev/null
+++ b/scripts/frontend/tailwind_equivalents.json
@@ -0,0 +1,546 @@
+{
+  "gl-sr-only-focusable": null,
+  "gl-spin": null,
+  "gl-animate-skeleton-loader": null,
+  "gl-hover-bg-transparent": "hover:gl-bg-transparent",
+  "gl-bg-transparent!": "!gl-bg-transparent",
+  "gl-hover-bg-transparent!": "hover:!gl-bg-transparent",
+  "gl-bg-white!": "!gl-bg-white",
+  "gl-bg-gray-10!": "!gl-bg-gray-10",
+  "gl-focus-bg-gray-50": "focus:gl-bg-gray-50",
+  "gl-hover-bg-gray-50": "hover:gl-bg-gray-50",
+  "gl-bg-gray-50!": "!gl-bg-gray-50",
+  "gl-bg-gray-100!": "!gl-bg-gray-100",
+  "gl-bg-gray-900!": "!gl-bg-gray-900",
+  "gl-hover-bg-blue-50": "hover:gl-bg-blue-50",
+  "gl-bg-blue-50!": "!gl-bg-blue-50",
+  "gl-hover-bg-blue-50!": "hover:!gl-bg-blue-50",
+  "gl-bg-blue-100!": "!gl-bg-blue-100",
+  "gl-bg-red-200!": "!gl-bg-red-200",
+  "gl-bg-t-gray-a-08": null,
+  "gl-hover-bg-t-gray-a-08": null,
+  "gl-bg-none": null,
+  "gl-bg-size-cover": "gl-bg-cover",
+  "gl-border!": null,
+  "gl-border-l!": null,
+  "gl-border-none!": "!gl-border-none",
+  "gl-border-t-none": null,
+  "gl-border-t-none!": null,
+  "gl-border-solid!": "!gl-border-solid",
+  "gl-border-t-solid": null,
+  "gl-border-r-solid": null,
+  "gl-border-b-solid": null,
+  "gl-hover-border-b-solid": null,
+  "gl-border-b-solid!": null,
+  "gl-border-b-initial": null,
+  "gl-border-l-solid": null,
+  "gl-border-t-transparent!": "!gl-border-t-transparent",
+  "gl-hover-border-gray-100": "hover:gl-border-gray-100",
+  "gl-border-gray-100!": "!gl-border-gray-100",
+  "gl-hover-border-gray-200": "hover:gl-border-gray-200",
+  "gl-border-gray-200!": "!gl-border-gray-200",
+  "gl-hover-border-gray-200!": "hover:!gl-border-gray-200",
+  "gl-border-gray-500!": "!gl-border-gray-500",
+  "gl-border-red-500!": "!gl-border-red-500",
+  "gl-hover-border-blue-200": "hover:gl-border-blue-200",
+  "gl-border-blue-600!": "!gl-border-blue-600",
+  "gl-border-gray-a-08": null,
+  "gl-border-gray-a-24": null,
+  "gl-border-t-gray-200!": "!gl-border-t-gray-200",
+  "gl-border-r-gray-200!": "!gl-border-r-gray-200",
+  "gl-border-b-gray-100!": "!gl-border-b-gray-100",
+  "gl-border-0!": "!gl-border-0",
+  "gl-border-t-0!": "!gl-border-t-0",
+  "gl-border-b-0!": "!gl-border-b-0",
+  "gl-border-l-0!": "!gl-border-l-0",
+  "gl-border-r-0!": "!gl-border-r-0",
+  "gl-border-1!": null,
+  "gl-border-t-1!": null,
+  "gl-border-b-1!": null,
+  "gl-border-b-2!": null,
+  "gl-border-top-0": "gl-border-t-0",
+  "gl-border-top-0!": "!gl-border-t-0",
+  "gl-border-bottom-0": "gl-border-b-0",
+  "gl-border-bottom-0!": "!gl-border-b-0",
+  "gl-rounded-0": "gl-rounded-none",
+  "gl-rounded-0!": "!gl-rounded-none",
+  "gl-rounded-6": null,
+  "gl-rounded-base": null,
+  "gl-rounded-base!": null,
+  "gl-rounded-full!": null,
+  "gl-rounded-small": null,
+  "gl-rounded-lg!": null,
+  "gl-rounded-pill": null,
+  "gl-rounded-left-none!": "!gl-rounded-l-none",
+  "gl-rounded-top-left-base": null,
+  "gl-rounded-top-left-none": "gl-rounded-tl-none",
+  "gl-rounded-top-left-none!": "!gl-rounded-tl-none",
+  "gl-rounded-top-right-base": null,
+  "gl-rounded-top-right-base!": null,
+  "gl-rounded-top-right-none": "gl-rounded-tr-none",
+  "gl-rounded-top-right-none!": "!gl-rounded-tr-none",
+  "gl-rounded-top-base": null,
+  "gl-rounded-bottom-left-small": null,
+  "gl-rounded-bottom-left-base": null,
+  "gl-rounded-bottom-left-base!": null,
+  "gl-rounded-bottom-left-none": "gl-rounded-bl-none",
+  "gl-rounded-bottom-left-none!": "!gl-rounded-bl-none",
+  "gl-rounded-bottom-right-small": null,
+  "gl-rounded-bottom-right-base": null,
+  "gl-rounded-bottom-right-base!": null,
+  "gl-rounded-bottom-right-none": "gl-rounded-br-none",
+  "gl-rounded-bottom-right-none!": "!gl-rounded-br-none",
+  "gl-rounded-bottom-base": null,
+  "gl-rounded-top-left-small": null,
+  "gl-rounded-top-right-small": null,
+  "gl-inset-border-1-gray-100!": null,
+  "gl-inset-border-1-gray-400": null,
+  "gl-inset-border-1-gray-400!": null,
+  "gl-focus-inset-border-2-blue-400!": null,
+  "gl-inset-border-1-red-500!": null,
+  "gl-shadow-none!": "!gl-shadow-none",
+  "gl-clearfix": null,
+  "gl-clearfix!": null,
+  "gl-reset-color": null,
+  "gl-reset-color!": null,
+  "gl-text-white!": "!gl-text-white",
+  "gl-text-body": "gl-text-primary",
+  "gl-text-body!": "!gl-text-primary",
+  "gl-text-secondary!": "!gl-text-secondary",
+  "gl-sm-text-body": "sm:gl-text-primary",
+  "gl-text-black-normal": "gl-text-gray-900",
+  "gl-text-black-normal!": "!gl-text-gray-900",
+  "gl-text-gray-300!": "!gl-text-gray-300",
+  "gl-text-gray-400!": "!gl-text-gray-400",
+  "gl-text-gray-500!": "!gl-text-gray-500",
+  "gl-text-gray-700!": "!gl-text-gray-700",
+  "gl-focus-text-gray-900": "focus:gl-text-gray-900",
+  "gl-hover-text-gray-900": "hover:gl-text-gray-900",
+  "gl-text-gray-900!": "!gl-text-gray-900",
+  "gl-hover-text-gray-900!": "hover:!gl-text-gray-900",
+  "gl-text-blue-500!": "!gl-text-blue-500",
+  "gl-hover-text-blue-600": "hover:gl-text-blue-600",
+  "gl-text-blue-600!": "!gl-text-blue-600",
+  "gl-hover-text-blue-800": "hover:gl-text-blue-800",
+  "gl-hover-text-blue-800!": "hover:!gl-text-blue-800",
+  "gl-text-red-500!": "!gl-text-red-500",
+  "gl--flex-center": null,
+  "gl-focus--focus": null,
+  "gl-cursor-default!": "!gl-cursor-default",
+  "gl-hover-cursor-pointer": "hover:gl-cursor-pointer",
+  "gl-cursor-grabbing!": "!gl-cursor-grabbing",
+  "gl-hover-cursor-not-allowed!": "hover:!gl-cursor-not-allowed",
+  "gl-cursor-text!": "!gl-cursor-text",
+  "gl-hover-cursor-crosshair": "hover:gl-cursor-crosshair",
+  "gl-cursor-help!": "!gl-cursor-help",
+  "gl-deprecated-top-66vh": null,
+  "gl-number-as-text-input": null,
+  "gl-display-none": "gl-hidden",
+  "gl-display-none!": "!gl-hidden",
+  "gl-sm-display-none": "sm:gl-hidden",
+  "gl-sm-display-none!": "sm:!gl-hidden",
+  "gl-md-display-none": "md:gl-hidden",
+  "gl-md-display-none!": "md:!gl-hidden",
+  "gl-lg-display-none": "lg:gl-hidden",
+  "gl-lg-display-none!": "lg:!gl-hidden",
+  "gl-display-flex": "gl-flex",
+  "gl-display-flex!": "!gl-flex",
+  "gl-sm-display-flex": "sm:gl-flex",
+  "gl-sm-display-flex!": "sm:!gl-flex",
+  "gl-md-display-flex": "md:gl-flex",
+  "gl-md-display-flex!": "md:!gl-flex",
+  "gl-lg-display-flex": "lg:gl-flex",
+  "gl-display-inline-flex": "gl-inline-flex",
+  "gl-display-inline-flex!": "!gl-inline-flex",
+  "gl-sm-display-inline-flex": "sm:gl-inline-flex",
+  "gl-sm-display-inline-flex!": "sm:!gl-inline-flex",
+  "gl-md-display-inline-flex": "md:gl-inline-flex",
+  "gl-md-display-inline-flex!": "md:!gl-inline-flex",
+  "gl-lg-display-inline-flex": "lg:gl-inline-flex",
+  "gl-display-block": "gl-block",
+  "gl-display-block!": "!gl-block",
+  "gl-sm-display-block": "sm:gl-block",
+  "gl-sm-display-block!": "sm:!gl-block",
+  "gl-md-display-block": "md:gl-block",
+  "gl-md-display-block!": "md:!gl-block",
+  "gl-lg-display-block": "lg:gl-block",
+  "gl-lg-display-block!": "lg:!gl-block",
+  "gl-display-inline": "gl-inline",
+  "gl-display-inline!": "!gl-inline",
+  "gl-sm-display-inline": "sm:gl-inline",
+  "gl-md-display-inline": "md:gl-inline",
+  "gl-display-inline-block": "gl-inline-block",
+  "gl-sm-display-inline-block": "sm:gl-inline-block",
+  "gl-sm-display-inline-block!": "sm:!gl-inline-block",
+  "gl-md-display-inline-block": "md:gl-inline-block",
+  "gl-md-display-inline-block!": "md:!gl-inline-block",
+  "gl-lg-display-inline-block": "lg:gl-inline-block",
+  "gl-display-table": "gl-table",
+  "gl-display-table-row": "gl-table-row",
+  "gl-display-table-row!": "!gl-table-row",
+  "gl-display-table-cell": "gl-table-cell",
+  "gl-display-table-cell!": "!gl-table-cell",
+  "gl-display-grid": "gl-grid",
+  "gl-sm-display-table-cell!": "sm:!gl-table-cell",
+  "gl-md-display-table-cell": "md:gl-table-cell",
+  "gl-lg-display-table-cell!": "lg:!gl-table-cell",
+  "gl-display-contents": "gl-contents",
+  "gl-align-items-baseline": "gl-items-baseline",
+  "gl-align-items-center": "gl-items-center",
+  "gl-align-items-center!": "!gl-items-center",
+  "gl-align-items-flex-start": "gl-items-start",
+  "gl-align-items-flex-start!": "!gl-items-start",
+  "gl-align-items-flex-end": "gl-items-end",
+  "gl-align-items-stretch": "gl-items-stretch",
+  "gl-align-items-stretch!": "!gl-items-stretch",
+  "gl-sm-align-items-center": "sm:gl-items-center",
+  "gl-md-align-items-center": "md:gl-items-center",
+  "gl-lg-align-items-center": "lg:gl-items-center",
+  "gl-sm-align-items-flex-start": "sm:gl-items-start",
+  "gl-sm-align-items-flex-end": "sm:gl-items-end",
+  "gl-md-align-items-flex-start": "md:gl-items-start",
+  "gl-lg-align-items-flex-start": "lg:gl-items-start",
+  "gl-lg-align-items-flex-end": "lg:gl-items-end",
+  "gl-sm-flex-wrap": "sm:gl-flex-wrap",
+  "gl-md-flex-nowrap": "md:gl-flex-nowrap",
+  "gl-sm-flex-nowrap": "sm:gl-flex-nowrap",
+  "gl-flex-direction-column": "gl-flex-col",
+  "gl-md-flex-direction-column": "md:gl-flex-col",
+  "gl-md-flex-direction-column!": "md:!gl-flex-col",
+  "gl-lg-flex-direction-column!": "lg:!gl-flex-col",
+  "gl-flex-direction-column-reverse": "gl-flex-col-reverse",
+  "gl-flex-direction-row": "gl-flex-row",
+  "gl-flex-direction-row!": "!gl-flex-row",
+  "gl-sm-flex-direction-row": "sm:gl-flex-row",
+  "gl-sm-flex-direction-row!": "sm:!gl-flex-row",
+  "gl-md-flex-direction-row": "md:gl-flex-row",
+  "gl-lg-flex-direction-row": "lg:gl-flex-row",
+  "gl-lg-flex-direction-row!": "lg:!gl-flex-row",
+  "gl-xl-flex-direction-row": "xl:gl-flex-row",
+  "gl-flex-direction-row-reverse": "gl-flex-row-reverse",
+  "gl-sm-flex-direction-row-reverse": "sm:gl-flex-row-reverse",
+  "gl-md-flex-direction-row-reverse": "md:gl-flex-row-reverse",
+  "gl-flex-grow-0!": "!gl-grow-0",
+  "gl-flex-grow-1": "gl-grow",
+  "gl-flex-grow-2": null,
+  "gl-md-flex-grow-0": "md:gl-grow-0",
+  "gl-flex-basis-0": "gl-basis-0",
+  "gl-flex-basis-quarter": "gl-basis-1/4",
+  "gl-flex-basis-third": "gl-basis-1/3",
+  "gl-md-flex-basis-13": "md:gl-basis-13",
+  "gl-flex-basis-two-thirds": "gl-basis-2/3",
+  "gl-flex-basis-half": "gl-basis-1/2",
+  "gl-flex-basis-full": "gl-basis-full",
+  "gl-flex-basis-full!": "!gl-basis-full",
+  "gl-flex-flow-row-wrap": null,
+  "gl-justify-content-center": "gl-justify-center",
+  "gl-justify-content-end": "gl-justify-end",
+  "gl-justify-content-end!": "!gl-justify-end",
+  "gl-sm-justify-content-end": "sm:gl-justify-end",
+  "gl-md-justify-content-center!": "md:!gl-justify-center",
+  "gl-md-justify-content-end": "md:gl-justify-end",
+  "gl-lg-justify-content-end": "lg:gl-justify-end",
+  "gl-justify-content-space-between": "gl-justify-between",
+  "gl-md-justify-content-space-between": "md:gl-justify-between",
+  "gl-justify-content-start": "gl-justify-start",
+  "gl-justify-content-start!": "!gl-justify-start",
+  "gl-sm-justify-content-start": "sm:gl-justify-start",
+  "gl-md-justify-content-start": "md:gl-justify-start",
+  "gl-lg-justify-content-start": "lg:gl-justify-start",
+  "gl-align-self-start": "gl-self-start",
+  "gl-align-self-end": "gl-self-end",
+  "gl-align-self-center": "gl-self-center",
+  "gl-md-align-self-center": "md:gl-self-center",
+  "gl-align-self-baseline": "gl-self-baseline",
+  "gl-sm-grid-template-columns-2": null,
+  "gl-md-grid-template-columns-2": null,
+  "gl-lg-grid-template-columns-4": null,
+  "gl-list-style-none": "gl-list-none",
+  "gl-opacity-0!": "!gl-opacity-0",
+  "gl-outline-0": null,
+  "gl-outline-0!": null,
+  "gl-outline-none": null,
+  "gl-outline-none!": null,
+  "gl-overflow-hidden!": "!gl-overflow-hidden",
+  "gl-overflow-x-hidden!": "!gl-overflow-x-hidden",
+  "gl-overflow-wrap-break": "gl-break-words",
+  "gl-overflow-wrap-anywhere": "gl-break-anywhere",
+  "gl-overflow-visible!": "!gl-overflow-visible",
+  "gl-w-auto!": "!gl-w-auto",
+  "gl-w-31!": "!gl-w-31",
+  "gl-w-10p": "gl-w-1/10",
+  "gl-w-40p": "gl-w-4/10",
+  "gl-w-90p": "gl-w-9/10",
+  "gl-md-w-full": "md:gl-w-full",
+  "gl-h-auto!": "!gl-h-auto",
+  "gl-h-6!": "!gl-h-6",
+  "gl-h-7!": "!gl-h-7",
+  "gl-h-full!": "!gl-h-full",
+  "gl-sm-w-auto": "sm:gl-w-auto",
+  "gl-sm-w-half": "sm:gl-w-1/2",
+  "gl-sm-w-25p": "sm:gl-w-1/4",
+  "gl-sm-w-30p": "sm:gl-w-3/10",
+  "gl-sm-w-40p": "sm:gl-w-4/10",
+  "gl-sm-w-75p": "sm:gl-w-3/4",
+  "gl-md-w-15": "md:gl-w-15",
+  "gl-md-w-20": "md:gl-w-20",
+  "gl-md-w-30": "md:gl-w-30",
+  "gl-md-w-half": "md:gl-w-1/2",
+  "gl-lg-w-half": "lg:gl-w-1/2",
+  "gl-md-w-auto": "md:gl-w-auto",
+  "gl-md-w-50p": "md:gl-w-1/2",
+  "gl-lg-w-1px": null,
+  "gl-lg-w-auto": "lg:gl-w-auto",
+  "gl-lg-w-25p": "lg:gl-w-1/4",
+  "gl-lg-w-30p": "lg:gl-w-3/10",
+  "gl-lg-w-40p": "lg:gl-w-4/10",
+  "gl-min-w-full!": "!gl-min-w-full",
+  "gl-min-w-fit-content!": "!gl-min-w-fit",
+  "gl-min-h-6!": "!gl-min-h-6",
+  "gl-min-h-7!": "!gl-min-h-7",
+  "gl-max-w-20!": "!gl-max-w-20",
+  "gl-max-w-30!": "!gl-max-w-30",
+  "gl-max-w-none!": "!gl-max-w-none",
+  "gl-max-w-full!": "!gl-max-w-full",
+  "gl-max-h-full!": "!gl-max-h-full",
+  "gl-max-w-50p": "gl-max-w-1/2",
+  "gl-md-max-w-26": "md:gl-max-w-26",
+  "gl-md-max-w-15p": null,
+  "gl-md-max-w-30p": null,
+  "gl-md-max-w-50p": null,
+  "gl-md-max-w-70p": null,
+  "gl-lg-max-w-80p": null,
+  "gl-p-0!": "!gl-p-0",
+  "gl-p-1!": "!gl-p-1",
+  "gl-p-2!": "!gl-p-2",
+  "gl-p-3!": "!gl-p-3",
+  "gl-p-4!": "!gl-p-4",
+  "gl-p-5!": "!gl-p-5",
+  "gl-px-0!": "!gl-px-0",
+  "gl-px-2!": "!gl-px-2",
+  "gl-px-3!": "!gl-px-3",
+  "gl-px-4!": "!gl-px-4",
+  "gl-px-5!": "!gl-px-5",
+  "gl-px-9!": "!gl-px-9",
+  "gl-pr-0!": "!gl-pr-0",
+  "gl-pr-2!": "!gl-pr-2",
+  "gl-pr-3!": "!gl-pr-3",
+  "gl-pr-4!": "!gl-pr-4",
+  "gl-pr-7!": "!gl-pr-7",
+  "gl-pr-8!": "!gl-pr-8",
+  "gl-pr-9!": "!gl-pr-9",
+  "gl-pl-0!": "!gl-pl-0",
+  "gl-pl-2!": "!gl-pl-2",
+  "gl-pl-3!": "!gl-pl-3",
+  "gl-pl-5!": "!gl-pl-5",
+  "gl-pl-6!": "!gl-pl-6",
+  "gl-pl-7!": "!gl-pl-7",
+  "gl-pl-9!": "!gl-pl-9",
+  "gl-pt-0!": "!gl-pt-0",
+  "gl-pt-2!": "!gl-pt-2",
+  "gl-pt-3!": "!gl-pt-3",
+  "gl-pt-4!": "!gl-pt-4",
+  "gl-pt-5!": "!gl-pt-5",
+  "gl-pt-6!": "!gl-pt-6",
+  "gl-pb-0!": "!gl-pb-0",
+  "gl-pb-1!": "!gl-pb-1",
+  "gl-pb-2!": "!gl-pb-2",
+  "gl-pb-3!": "!gl-pb-3",
+  "gl-pb-4!": "!gl-pb-4",
+  "gl-pb-5!": "!gl-pb-5",
+  "gl-pb-6!": "!gl-pb-6",
+  "gl-py-0!": "!gl-py-0",
+  "gl-py-2!": "!gl-py-2",
+  "gl-py-3!": "!gl-py-3",
+  "gl-py-4!": "!gl-py-4",
+  "gl-py-5!": "!gl-py-5",
+  "gl-py-6!": "!gl-py-6",
+  "gl-m-0!": "!gl-m-0",
+  "gl-mt-0!": "!gl-mt-0",
+  "gl-mt-2!": "!gl-mt-2",
+  "gl-mt-n2": "-gl-mt-2",
+  "gl-mt-3!": "!gl-mt-3",
+  "gl-mt-4!": "!gl-mt-4",
+  "gl-mt-5!": "!gl-mt-5",
+  "gl-mt-6!": "!gl-mt-6",
+  "gl-mr-0!": "!gl-mr-0",
+  "gl-mr-2!": "!gl-mr-2",
+  "gl-mr-3!": "!gl-mr-3",
+  "gl-mr-n3": "-gl-mr-3",
+  "gl-mr-4!": "!gl-mr-4",
+  "gl-sm-mr-3": "sm:gl-mr-3",
+  "gl-mb-0!": "!gl-mb-0",
+  "gl-mb-1!": "!gl-mb-1",
+  "gl-mb-n1": "-gl-mb-1",
+  "gl-mb-2!": "!gl-mb-2",
+  "gl-mb-n2": "-gl-mb-2",
+  "gl-mb-3!": "!gl-mb-3",
+  "gl-mb-n3": "-gl-mb-3",
+  "gl-mb-n3!": "!-gl-mb-3",
+  "gl-mb-4!": "!gl-mb-4",
+  "gl-mb-5!": "!gl-mb-5",
+  "gl-mb-6!": "!gl-mb-6",
+  "gl-sm-ml-auto": "sm:gl-ml-auto",
+  "gl-ml-0!": "!gl-ml-0",
+  "gl-ml-n1": "-gl-ml-1",
+  "gl-ml-2!": "!gl-ml-2",
+  "gl-ml-n2": "-gl-ml-2",
+  "gl-ml-3!": "!gl-ml-3",
+  "gl-ml-n3": "-gl-ml-3",
+  "gl-ml-n4": "-gl-ml-4",
+  "gl-ml-n4!": "!-gl-ml-4",
+  "gl-my-0!": "!gl-my-0",
+  "gl-my-2!": "!gl-my-2",
+  "gl-my-4!": "!gl-my-4",
+  "gl-mx-auto!": "!gl-mx-auto",
+  "gl-mx-0!": "!gl-mx-0",
+  "gl-mx-1!": "!gl-mx-1",
+  "gl-mx-2!": "!gl-mx-2",
+  "gl-mx-3!": "!gl-mx-3",
+  "gl-my-n1": "-gl-my-1",
+  "gl-mx-n1": "-gl-mx-1",
+  "gl-my-n2": "-gl-my-2",
+  "gl-my-n2!": "!-gl-my-2",
+  "gl-mx-n2": "-gl-mx-2",
+  "gl-my-n3": "-gl-my-3",
+  "gl-my-n3!": "!-gl-my-3",
+  "gl-mx-n3": "-gl-mx-3",
+  "gl-mx-n4": "-gl-mx-4",
+  "gl-mx-n5": "-gl-mx-5",
+  "gl-sm-gap-3": "sm:gl-gap-3",
+  "gl-sm-ml-3": "sm:gl-ml-3",
+  "gl-sm-ml-3!": "sm:!gl-ml-3",
+  "gl-sm-ml-5": "sm:gl-ml-5",
+  "gl-sm-ml-7": "sm:gl-ml-7",
+  "gl-sm-mr-0": "sm:gl-mr-0",
+  "gl-sm-mt-0": "sm:gl-mt-0",
+  "gl-sm-mt-6!": "sm:!gl-mt-6",
+  "gl-sm-mb-0": "sm:gl-mb-0",
+  "gl-sm-mb-0!": "sm:!gl-mb-0",
+  "gl-sm-mb-7": "sm:gl-mb-7",
+  "gl-sm-mx-0": "sm:gl-mx-0",
+  "gl-md-mt-0": "md:gl-mt-0",
+  "gl-md-mt-5": "md:gl-mt-5",
+  "gl-md-mb-0": "md:gl-mb-0",
+  "gl-md-mb-0!": "md:!gl-mb-0",
+  "gl-md-mb-3!": "md:!gl-mb-3",
+  "gl-lg-mb-0": "lg:gl-mb-0",
+  "gl-lg-mb-5": "lg:gl-mb-5",
+  "gl-md-ml-auto": "md:gl-ml-auto",
+  "gl-md-ml-2": "md:gl-ml-2",
+  "gl-md-ml-3": "md:gl-ml-3",
+  "gl-md-mr-3": "md:gl-mr-3",
+  "gl-md-mr-5": "md:gl-mr-5",
+  "gl-lg-mr-3": "lg:gl-mr-3",
+  "gl-lg-mr-10": "lg:gl-mr-10",
+  "gl-lg-mr-12": "lg:gl-mr-12",
+  "gl-lg-ml-2": "lg:gl-ml-2",
+  "gl-lg-ml-3": "lg:gl-ml-3",
+  "gl-lg-ml-10": "lg:gl-ml-10",
+  "gl-lg-ml-12": "lg:gl-ml-12",
+  "gl-xl-ml-3": "xl:gl-ml-3",
+  "gl-lg-mx-3": "lg:gl-mx-3",
+  "gl-lg-mx-12": "lg:gl-mx-12",
+  "gl-lg-my-5": "lg:gl-my-5",
+  "gl-lg-mt-0": "lg:gl-mt-0",
+  "gl-lg-mt-5": "lg:gl-mt-5",
+  "gl-sm-pr-2": "sm:gl-pr-2",
+  "gl-sm-pr-4": "sm:gl-pr-4",
+  "gl-sm-pl-6": "sm:gl-pl-6",
+  "gl-md-pt-0": "md:gl-pt-0",
+  "gl-md-pt-2": "md:gl-pt-2",
+  "gl-md-pt-3": "md:gl-pt-3",
+  "gl-md-pt-11!": "md:!gl-pt-11",
+  "gl-md-pr-0": "md:gl-pr-0",
+  "gl-md-pr-0!": "md:!gl-pr-0",
+  "gl-md-pr-3": "md:gl-pr-3",
+  "gl-md-pr-5": "md:gl-pr-5",
+  "gl-md-pl-0": "md:gl-pl-0",
+  "gl-md-pl-0!": "md:!gl-pl-0",
+  "gl-md-pl-3": "md:gl-pl-3",
+  "gl-md-pl-5": "md:gl-pl-5",
+  "gl-md-pl-7": "md:gl-pl-7",
+  "gl-md-px-7": "md:gl-px-7",
+  "gl-lg-pt-3": "lg:gl-pt-3",
+  "gl-lg-pr-5": "lg:gl-pr-5",
+  "gl-text-left!": "!gl-text-left",
+  "gl-text-center!": "!gl-text-center",
+  "gl-reset-text-align": null,
+  "gl-reset-text-align!": null,
+  "gl-text-decoration-none": null,
+  "gl-active-text-decoration-none": null,
+  "gl-focus-text-decoration-none": null,
+  "gl-hover-text-decoration-none": null,
+  "gl-text-decoration-none!": null,
+  "gl-active-text-decoration-none!": null,
+  "gl-hover-text-decoration-none!": null,
+  "gl-text-decoration-underline": "gl-underline",
+  "gl-hover-text-decoration-underline": "hover:gl-underline",
+  "gl-text-transform-capitalize": "gl-capitalize",
+  "gl-text-transform-uppercase": "gl-uppercase",
+  "gl-text-overflow-ellipsis": "gl-text-ellipsis",
+  "gl-text-overflow-ellipsis!": "!gl-text-ellipsis",
+  "gl-line-clamp-1": null,
+  "gl-line-clamp-2": null,
+  "gl-white-space-normal": "gl-whitespace-normal",
+  "gl-white-space-normal!": "!gl-whitespace-normal",
+  "gl-white-space-nowrap": "gl-whitespace-nowrap",
+  "gl-white-space-pre-wrap": "gl-whitespace-pre-wrap",
+  "gl-white-space-pre-wrap!": "!gl-whitespace-pre-wrap",
+  "gl-white-space-pre-line": "gl-whitespace-pre-line",
+  "gl-word-break-word": "gl-break-anywhere",
+  "gl-str-truncated": null,
+  "gl-text-truncate": "gl-truncate",
+  "gl-translate-y-n100": "-gl-translate-y-full",
+  "gl-transition-duration-slow": "gl-duration-slow",
+  "gl-transition-duration-medium": "gl-duration-medium",
+  "gl-transition-timing-function-ease": null,
+  "gl-transition-medium": "gl-transition-all",
+  "gl-font-style-italic": "gl-italic",
+  "gl-heading-5": null,
+  "gl-heading-4": null,
+  "gl-heading-3": null,
+  "gl-heading-2": null,
+  "gl-heading-1": null,
+  "gl-font-sm": "gl-text-sm",
+  "gl-font-sm!": "!gl-text-sm",
+  "gl-font-base": "gl-text-base",
+  "gl-font-lg": "gl-text-lg",
+  "gl-font-lg!": "!gl-text-lg",
+  "gl-font-size-h-display": null,
+  "gl-font-size-h1": null,
+  "gl-font-size-h2": null,
+  "gl-font-size-h1-xl": null,
+  "gl-font-size-h2-xl": null,
+  "gl-font-size-markdown": null,
+  "gl-reset-font-size": null,
+  "gl-font-weight-100": null,
+  "gl-font-weight-300": null,
+  "gl-font-weight-normal": null,
+  "gl-font-weight-normal!": null,
+  "gl-font-weight-semibold": null,
+  "gl-font-weight-semibold!": null,
+  "gl-font-weight-bold": null,
+  "gl-font-weight-bold!": null,
+  "gl-sm-font-weight-bold": null,
+  "gl-line-height-0": null,
+  "gl-line-height-1": null,
+  "gl-line-height-ratio-1000": null,
+  "gl-line-height-normal": null,
+  "gl-line-height-normal!": null,
+  "gl-line-height-20": null,
+  "gl-line-height-20!": null,
+  "gl-line-height-24": null,
+  "gl-line-height-28": null,
+  "gl-line-height-28!": null,
+  "gl-line-height-32": null,
+  "gl-line-height-36": null,
+  "gl-line-height-42": null,
+  "gl-vertical-align-top": "gl-align-top",
+  "gl-vertical-align-bottom": "gl-align-bottom",
+  "gl-vertical-align-text-bottom": "gl-align-text-bottom",
+  "gl-vertical-align-text-bottom!": "!gl-align-text-bottom",
+  "gl-visibility-hidden": "gl-invisible",
+  "gl-z-index-200": "gl-z-200",
+  "gl-z-index-9999!": "!gl-z-9999"
+}