[Lens] Remove scss from annotations plugin, visualization-ui-components and gauge expression

[mbondyra]

Summary

part of #208908

Replaces scss to css-in-js. I've tested all the changes.

[elasticmachine]

Pinging @elastic/kibana-visualizations (Team:Visualizations)

[MichaelMarcialis]

Thanks, @mbondyra. I've left two small comments/question regarding whether we can reduce some style repetition/redundancy, but this looks good to me otherwise. Assuming you're able to address those, I'll approve now so I don't hold you up.

[MichaelMarcialis]

This same style is used multiple times throughout this PR. To keep things DRY, would it be better to store this style in a separate .style.ts file and reference that one style in all locations, rather than repeating the style?

[MichaelMarcialis]

Same comment here as previous. Is there anything that can be done here to avoid repeating the same styles?

[nickofthyme]

It seems like the EUI team is asking people to move away from using euiThemeVars and instead using the useEuiTheme hook. See #199715 and search for euiThemeVars.

Before:

import { EuiIcon, EuiCode, EuiText, useEuiTheme } from '@elastic/eui';
height: ${euiThemeVars.euiSizeXS} / 2;

After:

import { useEuiTheme } from '@elastic/eui'
const { euiTheme } = useEuiTheme();
height: ${euiTheme.size.xs} / 2;

[elasticmachine]

💚 Build Succeeded

• Buildkite Build
• Commit: 56d998a

Metrics [docs]

Module Count

Fewer modules leads to a faster build time

id	before	after	diff
eventAnnotationListing	741	705	-36
expressionGauge	102	82	-20
lens	1810	1738	-72
observability	1353	1317	-36
total			-164

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id	before	after	diff
eventAnnotationListing	241.0KB	231.9KB	-9.1KB
expressionGauge	24.0KB	16.5KB	-7.6KB
lens	1.6MB	1.6MB	-8.3KB
observability	1.3MB	1.3MB	+49.1KB
total			+24.2KB

Page load bundle

Size of the bundles that are downloaded on every page load. Target size is below 100kb

id	before	after	diff
eventAnnotationListing	10.9KB	11.0KB	+163.0B
expressionGauge	13.8KB	13.9KB	+87.0B
lens	50.2KB	50.2KB	-1.0B
observability	102.1KB	102.5KB	+420.0B
total			+669.0B

Unknown metric groups

async chunk count

id	before	after	diff
eventAnnotationListing	5	6	+1
observability	21	25	+4
total			+5

History

• 💚 Build #271945 succeeded 2112f74
• 💔 Build #271924 failed 552883d