chore: remove cssSupport util and his usage

Author: danielbarion

src/components/TooltipController/TooltipController.tsx

@@ -9,7 +9,6 @@ import type {
   ITooltip,
   TooltipRefProps,
 } from 'components/Tooltip/TooltipTypes'
-import { cssSupports } from 'utils'
 import clsx from 'clsx'
 import type { ITooltipController } from './TooltipControllerTypes'
 
@@ -250,18 +249,10 @@ const TooltipController = React.forwardRef<TooltipRefProps, ITooltipController>(
         // eslint-disable-next-line no-console
         console.warn('[react-tooltip] Do not set `style.border`. Use `border` prop instead.')
       }
-      if (border && !cssSupports('border', `${border}`)) {
-        // eslint-disable-next-line no-console
-        console.warn(`[react-tooltip] "${border}" is not a valid \`border\`.`)
-      }
       if (style?.opacity) {
         // eslint-disable-next-line no-console
         console.warn('[react-tooltip] Do not set `style.opacity`. Use `opacity` prop instead.')
       }
-      if (opacity && !cssSupports('opacity', `${opacity}`)) {
-        // eslint-disable-next-line no-console
-        console.warn(`[react-tooltip] "${opacity}" is not a valid \`opacity\`.`)
-      }
     }, [border, opacity, style?.border, style?.opacity])
 
     /**

src/test/jest-setup.js

@@ -7,13 +7,3 @@ global.ResizeObserver = jest.fn().mockImplementation(() => ({
   unobserve: jest.fn(),
   disconnect: jest.fn(),
 }))
-
-global.CSS = {
-  supports: (key, value) => {
-    if (key === 'opacity') {
-      return value
-    }
-
-    return false
-  },
-}

src/test/utils.spec.js

@@ -1,4 +1,4 @@
-import { debounce, deepEqual, computeTooltipPosition, cssTimeToMs, cssSupports } from 'utils'
+import { debounce, deepEqual, computeTooltipPosition, cssTimeToMs } from 'utils'
 import { injectStyle } from 'utils/handle-style.ts'
 
 describe('compute positions', () => {
@@ -283,18 +283,3 @@ describe('handleStyle', () => {
     expect(styleElement.innerHTML).toBe(`body { background: 'red' }`)
   })
 })
-
-describe('check for CSS attribute support on current page', () => {
-  test('CSS attribute should be supported in global Window', () => {
-    const hasSupportToOpacity = cssSupports('opacity', '1')
-
-    expect(hasSupportToOpacity).toBe('1')
-  })
-
-  test('CSS attribute should not be supported in global Window', () => {
-    // not a valid css attribute
-    const hasSupportToOpacity = cssSupports('lorem', '100')
-
-    expect(hasSupportToOpacity).toBe(false)
-  })
-})

src/utils/css-supports.ts

@@ -1,6 +1,5 @@
 import type { IComputedPosition } from './compute-tooltip-position-types'
 import computeTooltipPosition from './compute-tooltip-position'
-import cssSupports from './css-supports'
 import cssTimeToMs from './css-time-to-ms'
 import debounce from './debounce'
 import deepEqual from './deep-equal'
@@ -10,7 +9,6 @@ import useIsomorphicLayoutEffect from './use-isomorphic-layout-effect'
 export type { IComputedPosition }
 export {
   computeTooltipPosition,
-  cssSupports,
   cssTimeToMs,
   debounce,
   deepEqual,