Fix yargs call

Author: brijeshb42

docs/data/joy/components/button/InputFileUpload.js

@@ -4,6 +4,7 @@ import SvgIcon from '@mui/joy/SvgIcon';
 import { styled } from '@mui/joy';
 
 const VisuallyHiddenInput = styled('input')`
+  /* stylelint-disable-next-line property-no-deprecated */
   clip: rect(0 0 0 0);
   clip-path: inset(50%);
   height: 1px;

docs/data/joy/components/button/InputFileUpload.tsx

@@ -4,6 +4,7 @@ import SvgIcon from '@mui/joy/SvgIcon';
 import { styled } from '@mui/joy';
 
 const VisuallyHiddenInput = styled('input')`
+  /* stylelint-disable-next-line property-no-deprecated */
   clip: rect(0 0 0 0);
   clip-path: inset(50%);
   height: 1px;

docs/data/material/integrations/interoperability/StyledComponentsDeep.js

@@ -6,10 +6,12 @@ import Box from '@mui/material/Box';
 const CustomizedSlider = styled(Slider)`
   color: #20b2aa;
 
-  :hover {
+  /* stylelint-disable-next-line nesting-selector-no-missing-scoping-root */
+  &:hover {
     color: #2e8b57;
   }
 
+  /* stylelint-disable-next-line nesting-selector-no-missing-scoping-root */
   & .MuiSlider-thumb {
     border-radius: 1px;
   }

docs/data/material/integrations/interoperability/StyledComponentsDeep.tsx

@@ -6,10 +6,12 @@ import Box from '@mui/material/Box';
 const CustomizedSlider = styled(Slider)`
   color: #20b2aa;
 
-  :hover {
+  /* stylelint-disable-next-line nesting-selector-no-missing-scoping-root */
+  &:hover {
     color: #2e8b57;
   }
 
+  /* stylelint-disable-next-line nesting-selector-no-missing-scoping-root */
   & .MuiSlider-thumb {
     border-radius: 1px;
   }

docs/data/material/integrations/interoperability/StyledComponentsPortal.js

@@ -6,6 +6,7 @@ import Tooltip from '@mui/material/Tooltip';
 const StyledTooltip = styled(({ className, ...props }) => (
   <Tooltip {...props} classes={{ popper: className }} />
 ))`
+  /* stylelint-disable-next-line nesting-selector-no-missing-scoping-root */
   & .MuiTooltip-tooltip {
     background: navy;
   }

docs/data/material/integrations/interoperability/StyledComponentsPortal.tsx

@@ -6,6 +6,7 @@ import Tooltip, { TooltipProps } from '@mui/material/Tooltip';
 const StyledTooltip = styled(({ className, ...props }: TooltipProps) => (
   <Tooltip {...props} classes={{ popper: className }} />
 ))`
+  /* stylelint-disable-next-line nesting-selector-no-missing-scoping-root */
   & .MuiTooltip-tooltip {
     background: navy;
   }

docs/scripts/formattedTSDemos.js

@@ -22,7 +22,8 @@ const {
 const {
   createTypeScriptProjectBuilder,
 } = require('@mui-internal/api-docs-builder/utils/createTypeScriptProject');
-const yargs = require('yargs');
+const yargs = require('yargs').default;
+const hideBin = require('yargs/helpers').hideBin;
 const { fixBabelGeneratorIssues, fixLineEndings } = require('@mui/internal-docs-utils');
 const { default: CORE_TYPESCRIPT_PROJECTS } = require('../../scripts/coreTypeScriptProjects');
 
@@ -213,7 +214,7 @@ async function main(argv) {
   console.log('\nWatching for file changes...');
 }
 
-yargs
+yargs()
   .command({
     command: '$0',
     description: 'transpile TypeScript demos',
@@ -240,4 +241,4 @@ yargs
   .help()
   .strict(true)
   .version(false)
-  .parse();
+  .parse(hideBin(process.argv));

packages/mui-codemod/codemod.js

@@ -3,7 +3,8 @@
 const childProcess = require('child_process');
 const { promises: fs } = require('fs');
 const path = require('path');
-const yargs = require('yargs');
+const yargs = require('yargs').default;
+const hideBin = require('yargs/helpers').hideBin;
 const jscodeshiftPackage = require('jscodeshift/package.json');
 const postcssCliPackage = require('postcss-cli/package.json');
 
@@ -165,7 +166,7 @@ function run(argv) {
   runPostcssTransform(codemod, files);
 }
 
-yargs
+yargs()
   .command({
     command: '$0 <codemod> <paths...>',
     describe: 'Applies a `@mui/codemod` to the specified paths',
@@ -212,4 +213,4 @@ yargs
   .example('$0 v4.0.0/theme-spacing-api src')
   .example('$0 v5.0.0/component-rename-prop src -- --component=Grid --from=prop --to=newProp')
   .help()
-  .parse();
+  .parse(hideBin(process.argv));

packages/mui-codemod/package.json

@@ -36,7 +36,7 @@
     "jscodeshift-add-imports": "^1.0.11",
     "postcss": "^8.5.6",
     "postcss-cli": "^11.0.1",
-    "yargs": "^17.7.2"
+    "yargs": "^18.0.0"
   },
   "devDependencies": {
     "@types/chai": "^4.3.20",

packages/mui-icons-material/builder.mjs

@@ -8,6 +8,7 @@ import * as svgo from 'svgo';
 import { fileURLToPath } from 'url';
 import intersection from 'lodash/intersection.js';
 import { Queue } from '@mui/internal-waterfall';
+import { hideBin } from 'yargs/helpers';
 
 const currentDirectory = fileURLToPath(new URL('.', import.meta.url));
 
@@ -297,7 +298,7 @@ const modulePath = path.resolve(fileURLToPath(import.meta.url));
 const isRunningDirectlyViaCLI = nodePath === modulePath;
 
 if (isRunningDirectlyViaCLI) {
-  yargs(process.argv.slice(2))
+  yargs()
     .command({
       command: '$0>',
       description: "Build JSX components from SVG's.",
@@ -347,5 +348,5 @@ if (isRunningDirectlyViaCLI) {
     .help()
     .strict(true)
     .version(false)
-    .parse();
+    .parse(hideBin(process.argv));
 }