fix(tailwind): Ensure tailwind properly purges unused utility classes (#2485)

platform/docs/docs/platform/component-library/components/ExpandableToolbarButton.mdx

@@ -56,7 +56,7 @@ function() {
             <span
               className={classnames(
                 isActive ? 'text-black' : 'text-aqua-pale',
-                'font-thin text-sm'
+                'font-light text-sm'
               )}
             >
               {subtitle}

platform/docs/docs/platform/component-library/components/ListMenu.mdx

@@ -56,7 +56,7 @@ function() {
             <span
               className={classnames(
                 isActive ? 'text-black' : 'text-aqua-pale',
-                'font-thin text-sm'
+                'font-light text-sm'
               )}
             >
               {subtitle}

platform/docs/pluginOHIFWebpackConfig.js

@@ -21,7 +21,7 @@ module.exports = function(context, options) {
         },
       };
     },
-    /*configurePostCss(postcssOptions) {
+    configurePostCss(postcssOptions) {
       postcssOptions.plugins.push(
         require('postcss-import'),
         require('tailwindcss'),
@@ -33,6 +33,6 @@ module.exports = function(context, options) {
         })
       );
       return postcssOptions;
-    },*/
+    },
   };
 };

platform/docs/tailwind.config.js

@@ -2,8 +2,14 @@ module.exports = {
   prefix: '',
   important: false,
   separator: ':',
-  purge: false,
-  //purge: ['./docs/**/*.jsx', './docs/**/*.mdx'],
+  purge: {
+    content: [
+      './docs/**/*.jsx',
+      './docs/**/*.mdx',
+      './node_modules/@ohif/ui/src/**/*.{js,jsx,css}',
+      '../../node_modules/@ohif/ui/src/**/*.{js,jsx,css}',
+    ],
+  },
   theme: {
     screens: {
       sm: '640px',
@@ -749,7 +755,7 @@ module.exports = {
     ],
     borderRadius: ['responsive', 'focus', 'first', 'last'],
     borderStyle: ['responsive', 'focus'],
-    //borderWidth: ['responsive', 'focus', 'first', 'last'],
+    borderWidth: ['responsive', 'focus', 'first', 'last'],
     boxShadow: ['responsive', 'hover', 'focus'],
     boxSizing: ['responsive'],
     cursor: ['responsive'],