the solution is working with the yarn.lock from master

src/components/buttons/Button/Button.test.tsx

@@ -15,36 +15,30 @@ const basicColors = [
   { color: 'rose' },
   { color: 'secondary' },
   { color: 'success' },
-  { color: 'warning' }
+  { color: 'warning' },
+  { color: 'white' }
 ] satisfies { color: Color }[]
 
-const whiteColor = { color: 'white' } satisfies { color: Color }
-
 describe('Button colors', () => {
   describe('Button basic colors', () => {
     it.each(basicColors)('displays the correct background color for color = { $color }', ({ color }) => {
       render(<Button color={color} />)
-      expect(screen.getByRole('button')).toHaveStyle(`background-color: ${theme.palette[color]?.dark}`)
-    })
-
-    it('displays the correct background color for color = `white`', () => {
-      render(<Button color={whiteColor.color} />)
-      expect(screen.getByRole('button')).toHaveStyle(`background-color: ${theme.palette[whiteColor.color]?.main}`)
+      expect(screen.getByRole('button')).toHaveStyle(`background-color: ${theme.palette[color]?.main}`)
     })
   })
 
   describe('Button `noBackground` colors', () => {
     it('displays the correct font color and background color for color = `transparent`', () => {
       render(<Button color={'transparent'} />)
       const button = screen.getByRole('button')
-      //expect(button).toHaveStyle('background-color: transparent')
+      expect(button).toHaveStyle('background-color: transparent')
       expect(button).toHaveStyle(`color: ${theme.palette['primary'].main}`)
       expect(button).toHaveClass('MuiButton-text')
     })
 
     it('displays primary background color by default', () => {
       render(<Button />)
-      expect(screen.getByRole('button')).toHaveStyle(`background-color: ${theme.palette['primary'].dark}`)
+      expect(screen.getByRole('button')).toHaveStyle(`background-color: ${theme.palette['primary'].main}`)
     })
   })
 })
@@ -91,4 +85,4 @@ describe('Other button functionalities', () => {
     render(<Button capitalize={false}>Text</Button>)
     expect(screen.getByText('Text')).toHaveStyle('text-transform: none')
   })
-})
+})

src/components/feedback/Dialog/Dialog.test.tsx

@@ -103,8 +103,8 @@ describe('DialogDisplay', () => {
     expect(screen.getByText(buttonText).parentElement).toHaveStyle('background-color: red')
   })
 
-  // test('Close button can be overridden through the closeButtonProps', () => {
-  //   render(<Dialog id="dialog" open={true} content={text} closeButtonProps={{ sx: { backgroundColor: 'red' } }} />)
-  //   expect(screen.getByLabelText('Close')).toHaveStyle('background-color: red')
-  // })
+  test('Close button can be overridden through the closeButtonProps', () => {
+    render(<Dialog id="dialog" open={true} content={text} closeButtonProps={{ sx: { backgroundColor: 'red' } }} />)
+    expect(screen.getByLabelText('Close')).toHaveStyle('background-color: red')
+  })
 })

src/components/inputs/Autocomplete/utils.ts

@@ -1,4 +1,3 @@
-// @ts-nocheck
 import { createFilterOptions } from '@mui/material/Autocomplete'
 import { prop, map, innerJoin, find, propEq, all, includes, is, isEmpty, isNil, props, omit, equals, any } from 'ramda'
 import { AutocompleteValue, FilterOptionsState } from '@mui/material'