feat: add reasoning of eslint comment

Author: Martí Malek

src/codemods/__testfixtures__/colors-to-css-vars/colors-as-mapped-type.output.tsx

@@ -1,6 +1,6 @@
 import { ReadCssColorVariable } from '@freenow/wave';
 
-// eslint-disable-next-line @typescript-eslint/ban-types
+// eslint-disable-next-line @typescript-eslint/ban-types you can remove this comment and only use the `ReadCssColorVariable` type after changing the bare colors to `getSemanticValue`
 export const STATUS: { [K in string]: ReadCssColorVariable | (string & {}) } = {
     APPROACH: 'var(--wave-b-color-white)',
     AVAILABLE: 'var(--wave-b-color-white)',

src/codemods/__testfixtures__/colors-to-css-vars/colors-as-property-signature.output.tsx

@@ -1,13 +1,13 @@
 import { ReadCssColorVariable } from '@freenow/wave';
 
 export interface LabelVariant {
-    // eslint-disable-next-line @typescript-eslint/ban-types
+    // eslint-disable-next-line @typescript-eslint/ban-types you can remove this comment and only use the `ReadCssColorVariable` type after changing the bare colors to `getSemanticValue`
     color?: ReadCssColorVariable | (string & {})
-    // eslint-disable-next-line @typescript-eslint/ban-types
+    // eslint-disable-next-line @typescript-eslint/ban-types you can remove this comment and only use the `ReadCssColorVariable` type after changing the bare colors to `getSemanticValue`
     backgroundColor?: ReadCssColorVariable | (string & {})
-    // eslint-disable-next-line @typescript-eslint/ban-types
+    // eslint-disable-next-line @typescript-eslint/ban-types you can remove this comment and only use the `ReadCssColorVariable` type after changing the bare colors to `getSemanticValue`
     borderColor?: ReadCssColorVariable | (string & {})
 }
 
-// eslint-disable-next-line @typescript-eslint/ban-types
+// eslint-disable-next-line @typescript-eslint/ban-types you can remove this comment and only use the `ReadCssColorVariable` type after changing the bare colors to `getSemanticValue`
 export interface AnotherInterface { color?: ReadCssColorVariable | (string & {}) }

src/codemods/colors-to-css-vars.ts

@@ -48,7 +48,8 @@ const ColorsToCssVariablesMap = {
 
 const CSS_VARS_COLORS_TYPE_NAME = 'ReadCssColorVariable';
 const CSS_VARS_COLORS_REPLACEMENT_TYPE = `${CSS_VARS_COLORS_TYPE_NAME} | (string & {})`;
-const ESLINT_DISABLE_COMMENT = ' eslint-disable-next-line @typescript-eslint/ban-types';
+const ESLINT_DISABLE_COMMENT =
+    ' eslint-disable-next-line @typescript-eslint/ban-types you can remove this comment and only use the `ReadCssColorVariable` type after changing the bare colors to `getSemanticValue`';
 
 const replaceColorsForCssVarsInTemplateLiterals = (
     j: JSCodeshift,